首頁 > web前端 > html教學 > bootstrap的下拉框在firefox介面不友善的處理

bootstrap的下拉框在firefox介面不友善的處理

WBOY
發布: 2016-08-20 08:47:51
原創
1422 人瀏覽過

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;
}
}

 

ps:那個小容器是可以用padding:0去掉但是這樣的話select就沒有padding-left,介面也不友善;不知道怎麼解決這個小容器的問題,還需要再摸索中,各位園友歡迎提建議

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板