可以用css3改变复选框的背景色和勾上的颜色吗 一定要用js?

html-css08

可以用css3改变复选框的背景色和勾上的颜色吗 一定要用js?,第1张

用css3可以直接用图片作为背景就可以了,不需要用js。解决方法如下:

1、双击打开HBuilderX开发工具,在Web项目中新建静态页面canvas.html。

2、打开已新建的canvas.html文件,修改title标签里的文字内容。

3、在<body></body>标签内,插入一个canvas标签,并设置id属性值。

4、在canvas标签下,添加script标签并初始化canvas对象,调用自带的方法。

5、保存代码并运行项目,打开浏览器查看界面效果,可以发现绘制了一条线。

6、在style标签中,利用ID选择器设置canvas样式,添加背景色设置。

7、再次保存代码文件,并刷新浏览器,可以看到canvas画布背景色发生了改变。

如果仅是在IE6的话:

<style type="text/css">

input{border:1px #ff0000 solid}

input{border-color:expression((this.type=="text")?"#ff9966":"#ff0000")}

</style>

<input name="123" type="text">

<input type="radio" name="radiobutton">

用label,例如:

.add_cart_radio{

    float:left

    margin-top:0.5em

    margin-right:0.5em

}

.add_cart_radio input[type="radio"]{

    display:none

}

.add_cart_radio input[type="radio"] + label{

    padding:0.2em 1em

    border:1px solid #CCCCCC

    border-radius:0.5em

    color:#999

}

.add_cart_radio input[type="radio"]:checked + label{

    padding:0.2em 1em

    border:1px solid #FF6600

    border-radius:0.5em

    background:#FF6600

    color:#FFFFFF

}