masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > css自定义checkbox之<label><input>纠葛_html/css_WEB-ITnose

css自定义checkbox之<label><input>纠葛_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:41:41
asal
1025 orang telah melayarinya

来CSDN的处女问呢：
故事起因于我要单纯地用css自定义一个checkbox的样式，然后我是这样做的： 

<input id = "my-checkbox" type = "checkbox"/><label for = "my-checkbox"></label>
Salin selepas log masuk

input[type="checkbox"]{opacity:0;}input[type="checkbox"] + label:before{background:#d5d5d5;      content:"";      height: 15px;      width: 15px;      position: absolute;      top: 0;      left: 0;  }
Salin selepas log masuk

以上方法我是效仿iCheck插件写的。BUT导师说我的方法不行啊（摔！）
他说：id 滥用会导致日后id重名排查困难，让我用把包裹在
Label berkaitan：
css自定义checkbox之&lt;label&gt;&lt;input&gt;纠葛
sumber：php.cn
Artikel sebelumnya：请教关于CSS中padding内边距的问题_html/css_WEB-ITnose Artikel seterusnya：去掉NSString中的HTML标签_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2210
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2361
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1974
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1860
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1925
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan