文章詳情頁(yè)
css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認(rèn)樣式?
瀏覽:223日期:2023-07-28 15:34:21
問(wèn)題描述
Safari 上的默認(rèn)樣式是這樣的,![css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認(rèn)樣式?](http://www.leifengta.com.cn/attached/image/news/202304/110957c615.jpg)
背景顏色可以使用background-color改變,但中間那個(gè)點(diǎn)始終無(wú)法去掉。
我查了一些jQuery插件,如iCheck.js,但是那說(shuō)明寫得我都看不明白,根本不知道如何使用。
還有-webkit-appearance:none;屬性會(huì)直接將input[type='radio']元素隱藏。
應(yīng)該如何更改?我的目標(biāo)只是一個(gè)選中時(shí)是純色的圓形,未選中時(shí)是帶邊框的透明圓形。
問(wèn)題解答
回答1:https://jsfiddle.net/chic/q2t1z17a/ -- 希望可以給你提供思路
回答2:用 -webkit-appearance:none;隱藏之后自己寫樣式。
標(biāo)簽:
CSS
相關(guān)文章:
1. phpstudy8.1沒(méi)集成mysql-front2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. node.js - mongodb查找子對(duì)象的名稱為某個(gè)值的對(duì)象的方法4. docker鏡像push報(bào)錯(cuò)5. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題6. javascript - 在 model里定義的 引用表模型時(shí),model為undefined。7. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤?8. javascript - QQ第三方登錄的問(wèn)題9. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)!10. html5 - datatables 加載不出來(lái)數(shù)據(jù)。
排行榜

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