DIV CSS 佈局教程網

http://output.jsbin.com/titaki

以上這個鏈接在firefix浏覽器打開就會發現裡面有個小容器，而且下拉按鈕樣式很不友好

上谷歌查了一下

1.小容器可以利用select:padding:0

2.下拉圖標可以利用background-image；-moz-appearance:none把下拉框的樣式去掉，然後

@-moz-document url-prefix() {
select.form-control {
-moz-appearance: none;
appearance: none;
background-image: url("../image/buy-other-down.png");
background-repeat: no-repeat;
background-position: calc(100% - 7px) 50%;
background-size: 15% auto;
border-radius:3px;
padding:0;
}
}

ps:那個小容器是可以用padding：0去掉 但是這樣的話select就沒有padding-left，界面也不友好；不知道怎麼解決這個小容器的問題，還需要再摸索中，有好的見解歡迎提出，謝謝！