html radio 默认图片替换_html,css_如何更改radio、checkbox选项框背景图？，html,css - phpStudy...
如何更改radio、checkbox選項框背景圖？
radio單選框默認(rèn)是圓圈；checkbox復(fù)選框默認(rèn)是正方形；
1、想問一下如何用純CSS的方法改變選項框樣式，比如將圓圈改成五角星或者菱形或者一張圖片？
2、我切好圖用 background：url("example.jpg")no-repeat;直接更換為何不行？
3、我目前用的是這樣的方法，雖然能很好的實(shí)現(xiàn)目的，但總感覺不是太好，有點(diǎn)冗雜。希望能請教到更好的方法？
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的也希望指教一下。謝謝回答！
相關(guān)閱讀:
flask跳轉(zhuǎn)頁面參數(shù)加上#？
iTunes 添加構(gòu)建版本中，一直顯示正在處理，已經(jīng)4天了，如何解決
有什么軟件可以在win7上運(yùn)行.apk .ipa 手機(jī)應(yīng)用的嗎？
js轉(zhuǎn)db后綴的數(shù)據(jù)庫
購物車在什么情況下把商品刪除比較合適？
如何在微信或QQ中點(diǎn)擊一個鏈接，即可跳轉(zhuǎn)到一個app下載界面，或者打開一個app？
js黑魔法：+[] 等于0？
gulp的watch任務(wù)怎么中斷？
有沒有一款類似piwigo這樣的php開源系統(tǒng)，支持psd上傳并且生成縮略圖。
EditText的光標(biāo)有時顯示，有時不顯示是怎么回事
Android 魅族系統(tǒng)相冊適配
請問類似segmentfault這樣的即時消息提示是如何高效實(shí)現(xiàn)的
docker-machine添加一個已有的docker主機(jī)問題
js計算的奇怪問題？
hbase獲取一個table中row的總數(shù)
高負(fù)載下 Apache 內(nèi)存與進(jìn)程的最佳實(shí)踐
如何使用正則表達(dá)式提取微博中的話題(hashtag)？
幻燈片第一次切換的時候。 transition沒有起作用？ 后面就正常了
現(xiàn)在開發(fā)網(wǎng)站一般都使用什么方式？什么是前后端分離？
更換了DNS，48小時后仍然不能訪問
總結(jié)
以上是生活随笔為你收集整理的html radio 默认图片替换_html,css_如何更改radio、checkbox选项框背景图？，html,css - phpStudy...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java调用python项目实战_Jav
- 下一篇： 合并的表格怎么加横线_excel表格如何