文章詳情頁
css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認(rèn)樣式？
瀏覽：129日期：2023-07-28 15:34:21
問題描述
Safari 上的默認(rèn)樣式是這樣的，![css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認(rèn)樣式？](http://www.gepszalag.com/attached/image/news/202304/110957c615.jpg)
背景顏色可以使用background-color改變，但中間那個點始終無法去掉。
我查了一些jQuery插件，如iCheck.js，但是那說明寫得我都看不明白，根本不知道如何使用。
還有-webkit-appearance:none;屬性會直接將input[type='radio']元素隱藏。
應(yīng)該如何更改？我的目標(biāo)只是一個選中時是純色的圓形，未選中時是帶邊框的透明圓形。
問題解答
回答1：https://jsfiddle.net/chic/q2t1z17a/ -- 希望可以給你提供思路
回答2：用 -webkit-appearance:none;隱藏之后自己寫樣式。
標(biāo)簽：
CSS
相關(guān)文章：
1. 淺談vue生命周期共有幾個階段？分別是什么？2. macos - mac下docker如何設(shè)置代理3. node.js - Angular-webpack-Starter, 怎么把NodeJS添加進項目里？4. html5 - vue項目中我用webpack編譯不成功5. javascript - 安裝了babel,不起作用6. html5 - 純CSS怎么做出這種一模一樣的導(dǎo)航條導(dǎo)航塊那里還有個下拉菜單，請大家指導(dǎo)一下7. index.php錯誤，求指點8. 微信公眾號在線生成二維碼帶參數(shù)怎么搞？9. 微信開放平臺 - android 微信支付后點完成按鈕，后回調(diào)打開第三方頁面，屏幕閃動，求解決方法10. 視頻 - html5 video的autoplay 在智能手機上不運作？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備