html radio 默认图片替换_html,css_如何更改radio、checkbox选项框背景图？，html,css - phpStudy...
如何更改radio、checkbox選項框背景圖？
radio單選框默認是圓圈；checkbox復選框默認是正方形；
1、想問一下如何用純CSS的方法改變選項框樣式，比如將圓圈改成五角星或者菱形或者一張圖片？
2、我切好圖用 background：url("example.jpg")no-repeat;直接更換為何不行？
3、我目前用的是這樣的方法，雖然能很好的實現目的，但總感覺不是太好，有點冗雜。希望能請教到更好的方法？
HTML：
`
CSS：
#yuyue{
width: 412px;
height:277px;
top: 183px;
left: 116px;
position: absolute;
background: url("images/testdrive/refer.png")no-repeat;
}
.sex{
width:50px;
height: 50px;
top:158px;
left: 82px;
position: absolute;
opacity: 0;
z-index: 3;
}
.sex1{margin-left: 94px;}
.dianji{
width:17px;
height:17px;
left:98px;
top:174px;
position: absolute;
background: url("images/testdrive/choose1.png");
z-index: 2;
}
.dianji1{margin-left: 90px;}
#yuyue input:checked + .dianji{
background: url("images/testdrive/choose2.png");
}
最后 為了掌握多種方法，不是純CSS的也希望指教一下。謝謝回答！
相關閱讀:
flask跳轉頁面參數加上#？
iTunes 添加構建版本中，一直顯示正在處理，已經4天了，如何解決
有什么軟件可以在win7上運行.apk .ipa 手機應用的嗎？
js轉db后綴的數據庫
購物車在什么情況下把商品刪除比較合適？
如何在微信或QQ中點擊一個鏈接，即可跳轉到一個app下載界面，或者打開一個app？
js黑魔法：+[] 等于0？
gulp的watch任務怎么中斷？
有沒有一款類似piwigo這樣的php開源系統，支持psd上傳并且生成縮略圖。
EditText的光標有時顯示，有時不顯示是怎么回事
Android 魅族系統相冊適配
請問類似segmentfault這樣的即時消息提示是如何高效實現的
docker-machine添加一個已有的docker主機問題
js計算的奇怪問題？
hbase獲取一個table中row的總數
高負載下 Apache 內存與進程的最佳實踐
如何使用正則表達式提取微博中的話題(hashtag)？
幻燈片第一次切換的時候。 transition沒有起作用？ 后面就正常了
現在開發網站一般都使用什么方式？什么是前后端分離？
更換了DNS，48小時后仍然不能訪問
總結
以上是生活随笔為你收集整理的html radio 默认图片替换_html,css_如何更改radio、checkbox选项框背景图？，html,css - phpStudy...的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java调用python项目实战_Jav
- 下一篇： 合并的表格怎么加横线_excel表格如何