文章詳情頁(yè)
css3 - 如何使用css將select的邊框以及右邊的小三角形去掉?
瀏覽:211日期:2023-07-26 10:12:09
問(wèn)題描述
最好css2,css3都給出解決方案,效果如下:

問(wèn)題解答
回答1:CSS2 只能使用p和ul進(jìn)行模擬了,結(jié)構(gòu)很簡(jiǎn)單,具體可參考Alice的 button-dropdownCSS3 可以使用CSS3的屬性appearance,具體代碼如下:
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none; }回答2:
很遺憾,原生的表單元素的默認(rèn)樣式受控于瀏覽器的定制,這個(gè)并沒(méi)有標(biāo)準(zhǔn)可遵循。不同的瀏覽器允許你做不同程度的修改,然而完全可靠的跨瀏覽器方案是不存在的。因此樓上說(shuō)得對(duì),如果要保證 UI 的一致性,只能自己模擬一個(gè)。
以下代碼會(huì)在 chrome 和 firefox 上有效(但版本覆蓋不全)
-moz-appearance: none;-webkit-appearance: none;appearance: none;
然而其他瀏覽器就鬼知道了。
回答3:去掉干嘛, 模擬一個(gè)撒。
標(biāo)簽:
CSS
相關(guān)文章:
1. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””2. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件3. docker容器呢SSH為什么連不通呢?4. mac里的docker如何命令行開啟呢?5. 關(guān)于docker下的nginx壓力測(cè)試6. docker - 各位電腦上有多少個(gè)容器啊?容器一多,自己都搞混了,咋辦呢?7. nignx - docker內(nèi)nginx 80端口被占用8. docker gitlab 如何git clone?9. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問(wèn)題。10. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問(wèn)題 麻煩幫我看一下
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備