成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - 如何使用css將select的邊框以及右邊的小三角形去掉?

瀏覽:110日期:2023-07-26 10:12:09

問題描述

最好css2,css3都給出解決方案,效果如下:

css3 - 如何使用css將select的邊框以及右邊的小三角形去掉?

問題解答

回答1:

CSS2 只能使用p和ul進(jìn)行模擬了,結(jié)構(gòu)很簡單,具體可參考Alice的 button-dropdownCSS3 可以使用CSS3的屬性appearance,具體代碼如下:

select{ -moz-appearance: none; -webkit-appearance:none; appearance:none; }回答2:

很遺憾,原生的表單元素的默認(rèn)樣式受控于瀏覽器的定制,這個并沒有標(biāo)準(zhǔn)可遵循。不同的瀏覽器允許你做不同程度的修改,然而完全可靠的跨瀏覽器方案是不存在的。因此樓上說得對,如果要保證 UI 的一致性,只能自己模擬一個。

以下代碼會在 chrome 和 firefox 上有效(但版本覆蓋不全)

-moz-appearance: none;-webkit-appearance: none;appearance: none;

然而其他瀏覽器就鬼知道了。

回答3:

去掉干嘛, 模擬一個撒。

標(biāo)簽: CSS
相關(guān)文章: