BootStrap下拉框在firefox瀏覽器界面不友好的解決方案
http://output.jsbin.com/titaki
以上這個(gè)鏈接在firefix瀏覽器打開就會(huì)發(fā)現(xiàn)里面有個(gè)小容器,而且下拉按鈕樣式很不友好
上谷歌查了一下
1.小容器可以利用select:padding:0
2.下拉圖標(biāo)可以利用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:那個(gè)小容器是可以用padding:0去掉 但是這樣的話select就沒(méi)有padding-left,界面也不友好;不知道怎么解決這個(gè)小容器的問(wèn)題,還需要再摸索中,有好的見(jiàn)解歡迎提出,謝謝!
相關(guān)文章
微信小程序自定義navigationBar頂部導(dǎo)航欄適配所有機(jī)型(附完整案例)
這篇文章主要介紹了微信小程序自定義navigationBar頂部導(dǎo)航欄適配所有機(jī)型(附完整案例),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04JS面試題之如何判斷兩個(gè)數(shù)組的內(nèi)容是否相等
這篇文章主要為大家詳細(xì)介紹了JavaScript面試的??碱},即如何判斷兩個(gè)數(shù)組的內(nèi)容是否相等,文中的示例方法講解詳細(xì),需要的小伙伴可以參考一下2023-10-10Pixi.js實(shí)現(xiàn)可視化圖形編輯器的方法
本文主要介紹了Pixi.js實(shí)現(xiàn)可視化圖形編輯器的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03js如何刪除對(duì)象/數(shù)組中null、undefined、空對(duì)象及空數(shù)組實(shí)例代碼
JS中數(shù)組是我們較為常用的一種數(shù)據(jù)結(jié)構(gòu),下面這篇文章主要給大家介紹了關(guān)于js如何刪除對(duì)象/數(shù)組中null、undefined、空對(duì)象及空數(shù)組的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09JavaScript函數(shù)、方法、對(duì)象代碼
函數(shù)定義可以嵌套在其他函數(shù)中,常用作子函數(shù)。但不能出現(xiàn)在循環(huán)或條件語(yǔ)句中。2008-10-10js+for循環(huán)實(shí)現(xiàn)字符串自動(dòng)轉(zhuǎn)義的代碼(把后面的字符替換前面的字符)
這段代碼是從網(wǎng)上看到的一段不錯(cuò)的代碼,用for命令實(shí)現(xiàn)字符串的轉(zhuǎn)移,而且使用的是for循環(huán)直接將后面的字符替換成前面的字符,這個(gè)邏輯以前沒(méi)試過(guò)2020-12-12