文章詳情頁
css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認樣式?
瀏覽:227日期:2023-07-28 15:34:21
問題描述
Safari 上的默認樣式是這樣的,![css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認樣式?](http://www.b3g6.com/attached/image/news/202304/110957c615.jpg)
背景顏色可以使用background-color改變,但中間那個點始終無法去掉。
我查了一些jQuery插件,如iCheck.js,但是那說明寫得我都看不明白,根本不知道如何使用。
還有-webkit-appearance:none;屬性會直接將input[type='radio']元素隱藏。
應該如何更改?我的目標只是一個選中時是純色的圓形,未選中時是帶邊框的透明圓形。
問題解答
回答1:https://jsfiddle.net/chic/q2t1z17a/ -- 希望可以給你提供思路
回答2:用 -webkit-appearance:none;隱藏之后自己寫樣式。
標簽:
CSS
相關文章:
1. docker綁定了nginx端口 外部訪問不到2. 前端 - html5 audio不能播放3. javascript - 最近用echarts做統計圖時遇到兩個問題!!4. html - radio的使用時如何避免整個頁面只能選一個的情況5. git - webstorm窗口中左側列表的文件名顏色怎么修改6. 利用百度地圖API定位及附件商家信息服務7. javascript - 深夜被問題困擾求解惑,rn的API之PermissionsAndroidd的問題8. 如何解決docker宿主機無法訪問容器中的服務?9. 請問各位java自帶類的一些問題10. java - Activity 進入后臺再次傳值?
排行榜

網公網安備