您可以隨時(shí)使用復(fù)選框來勾選自己的復(fù)選框.這允許更多的跨瀏覽器兼容的解決方案.

我做了一個(gè)快速演示here,顯然你必須得到一個(gè)透明的.png的滴答,而不是我得到的.

input[type=checkBox]:checked ~ div label{

background: url(http://ramyasspace.files.wordpress.com/2011/06/tick.jpg);

background-size: 100%;

}

input {

display: none;

}

label input[type=checkBox] ~ span {

display: inline-block;

vertical-align: middle;

cursor: pointer;

background: #fff;

border: 1px solid #888;

padding: 1px;

height: 20px;

width: 20px;

}

label input[type=checkBox]:checked ~ span {

/* image: Picol.org,cc-by 3.0,https://commons.wikimedia.org/wiki/File:Accept_Picol_icon.svg */

background: url('data:image/svg+xml;utf8,');

background-size: 100%;

}

Click me:

總結(jié)

以上是生活随笔為你收集整理的css复选框如何调大一些,创建CSS放大复选框的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。