文章詳情頁
css3 - 如何使用css將select的邊框以及右邊的小三角形去掉?
瀏覽:102日期:2023-07-26 10:12:09
問題描述
最好css2,css3都給出解決方案,效果如下:
問題解答
回答1:CSS2 只能使用p和ul進行模擬了,結構很簡單,具體可參考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
相關文章:
1. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現靈異動畫問題,求解決2. apache - 想把之前寫的單機版 windows 軟件改成網絡版,讓每個用戶可以注冊并登錄。類似 qq 的登陸,怎么架設服務器呢?3. java - 阿里的開發手冊中為什么禁用map來作為查詢的接受類?4. 創建mysqli對象與數據庫連接 - 出錯5. 用Html5怎么實現簡單選擇排序?6. node.js - win7下,npm 無法下載依賴包,淘寶鏡像也裝不上,求幫忙???7. mysql 的datadir設置的文件夾不存在,啟動了mysql服務后創建的數據庫存在哪里?8. mysql 使用group_concat后 順序改變是怎么回事?9. python - uwsgi+django的搭建問題10. php多任務倒計時求助
排行榜
