文章詳情頁(yè)
css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認(rèn)樣式？
瀏覽：115日期：2023-07-28 15:34:21
問題描述
Safari 上的默認(rèn)樣式是這樣的，![css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認(rèn)樣式？](http://www.4tl426be.cn/attached/image/news/202304/110957c615.jpg)
背景顏色可以使用background-color改變，但中間那個(gè)點(diǎn)始終無法去掉。
我查了一些jQuery插件，如iCheck.js，但是那說明寫得我都看不明白，根本不知道如何使用。
還有-webkit-appearance:none;屬性會(huì)直接將input[type='radio']元素隱藏。
應(yīng)該如何更改？我的目標(biāo)只是一個(gè)選中時(shí)是純色的圓形，未選中時(shí)是帶邊框的透明圓形。
問題解答
回答1：https://jsfiddle.net/chic/q2t1z17a/ -- 希望可以給你提供思路
回答2：用 -webkit-appearance:none;隱藏之后自己寫樣式。
標(biāo)簽：
CSS
相關(guān)文章：
1. java - 在用戶不登錄的情況下，用戶如何添加保存到購(gòu)物車？2. java - spring boot 如何打包成asp.net core 那種獨(dú)立應(yīng)用?3. android - SwipeRefreshLayout5.0以下不兼容4. datetime - Python如何獲取當(dāng)前時(shí)間5. 安全性測(cè)試 - nodejs中如何防m(xù)ySQL注入6. html - eclipse 標(biāo)簽錯(cuò)誤7. javascript - nginx反向代理靜態(tài)資源403錯(cuò)誤?8. javascript - webpack 分割加載代碼后,react 界面不更新9. javascript - 關(guān)于apply（）與call（）的問題10. python文檔怎么查看？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備