文章詳情頁
css3 - 如何使用css將select的邊框以及右邊的小三角形去掉?
瀏覽:88日期:2023-07-26 10:12:09
問題描述
最好css2,css3都給出解決方案,效果如下:
問題解答
回答1:CSS2 只能使用p和ul進行模擬了,結(jié)構(gòu)很簡單,具體可參考Alice的 button-dropdownCSS3 可以使用CSS3的屬性appearance,具體代碼如下:
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none; }回答2:
很遺憾,原生的表單元素的默認樣式受控于瀏覽器的定制,這個并沒有標準可遵循。不同的瀏覽器允許你做不同程度的修改,然而完全可靠的跨瀏覽器方案是不存在的。因此樓上說得對,如果要保證 UI 的一致性,只能自己模擬一個。
以下代碼會在 chrome 和 firefox 上有效(但版本覆蓋不全)
-moz-appearance: none;-webkit-appearance: none;appearance: none;
然而其他瀏覽器就鬼知道了。
回答3:去掉干嘛, 模擬一個撒。
標簽:
CSS
相關(guān)文章:
1. 想找個php大神仿個網(wǎng)站。2. nginx配置server模塊的問題3. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現(xiàn)靈異動畫問題,求解決4. javascript - 怎樣限制同一個瀏覽器不能登錄兩個賬號5. java - android代碼重構(gòu):如何把app設(shè)置里的頭像UI做成通用的?6. java - 新手做一個安卓視頻播放器,想實現(xiàn)一個進度條,按鈕那種在視頻下方懸浮的功能,不知道思路!7. javascript - jquery怎么給select option一個點擊時觸發(fā)的事件,如圖 如果選擇自定義觸發(fā)一個時間?8. javascript - angular和jquery都用到了$符號,一起用會不會沖突?9. 如何將行內(nèi)塊元素的內(nèi)容垂直水平兩個方向居中?10. mysql優(yōu)化 - 關(guān)于mysql分區(qū)
排行榜

熱門標簽