文章詳情頁
css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認樣式？
瀏覽：142日期：2023-07-28 15:34:21
問題描述
Safari 上的默認樣式是這樣的，![css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認樣式？](http://m.propowerdrill.cn/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. node.js - nodejs+express+vue2. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網址是什么？？百度不到。3. java軟引用在android中有實際應用場景嗎?4. javascript - JS如何取對稱范圍的隨機數？5. 前端 - @media query 使用出現的問題？6. Python 子類能否覆蓋全局函數?7. node.js - win7下，npm 無法下載依賴包，淘寶鏡像也裝不上，求幫忙？？？8. mysql - sql 找出2個數據庫的差異表名9. elasticsearch - Elastisearch怎么求查詢結果的交集，如MYSQL的interset10. vue計算屬性怎么樣與for結合使用
排行榜
網公網安備