文章詳情頁(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)安備