BootStrap下拉框在firefox瀏覽器界面不友好的解決方案
更新時間：2016年08月18日 11:21:55 作者：小碼農雯
BootStrap下拉框在firefox瀏覽器界面很不友好，在firefix瀏覽器打開鏈接就會發(fā)現里面有個小容器，怎么處理呢，下面看下小編給大家分享的有關這個問題的處理方案
http://output.jsbin.com/titaki
以上這個鏈接在firefix瀏覽器打開就會發(fā)現里面有個小容器，而且下拉按鈕樣式很不友好
上谷歌查了一下
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，界面也不友好；不知道怎么解決這個小容器的問題，還需要再摸索中，有好的見解歡迎提出，謝謝！
相關文章
這篇文章主要為大家詳細介紹了如何使用JavaScript構建一個主題切換器,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-01-01
這篇文章主要介紹了小程序從手動埋點到自動埋點的實現方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要為大家詳細介紹了微信小程序復選框組件使用，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
javascript 字符 Escape,encodeURI,encodeURIComponent
下面是對字符串編碼轉換功能函數大家，大家可以根據實際需要選擇使用。2009-07-07
這篇文章主要為大家詳細介紹了Three.js快速入門教程，幫助大家快速入門，感興趣的小伙伴們可以參考一下2016-09-09
上次做圖片滑動展示效果時做了減速效果，就想做一個加速效果。結合起來就想到了下面這個東西，當然只是類似彈簧，而不是真正的彈簧。2008-09-09
這篇文章主要介紹了小程序實現長按保存圖片的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
本文給大家通過3個方法向大家展示了javascript中的setTimeout的使用，非常的簡單，有需要的小伙伴可以參考下。2015-07-07
20分鐘輕松創(chuàng)建自己的Bootstrap站點
這篇文章主要教大家如何在短短的20分鐘內輕松創(chuàng)建自己的Bootstrap站點，學會使用twitter bootstrap建立一個站點，從而鞏固Bootstrap一系列基礎知識，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了Perl Substr()函數及函數的應用,需要的朋友可以參考下2015-12-12