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

html-css05

可以用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画布背景色发生了改变。

1、新建HTML文件。

2、创建HTML标签和内容。

3、预览效果如图。

4、设置右边框的颜色border-right-color:#30C。

5、预览效果如图。

6、设置右边框的颜色border-right-color:rgb(204,0,102)。

7、预览效果如图。

<input id="txt1" type="text" value="sssssssssssss"> input {

 color: #122e29

 border: 1px solid #005344

 background-color: #73b9a2

}

input:focus {

 color: #ed1941

 border: 1px solid #2468a2

 background-color: #afdfe4

}