麻烦老师解答谢谢
来源：3-25 CSS3新增伪类
夜的解忧铺
2021-06-16 22:57:22
1 input:disabled{
border: 1px solid blue;
}
<input type="checkbox" name="2" disabled/><span>文字</span>
disabled 和enabled 是只适用于表单吗 复选框 即便禁用 也无法实现效果
2
：root 和html既然都一样 为什么不直接就用html 选择根元素是指选择什么
两个之间是在哪一部分有什么区别吗
1回答
-
好帮手慕慕子
2021-06-17
同学你好，对于你的问题解答如下：
1、:disabled和enabled 大多用在表单元素上，复选框也可以使用的，如下：
可以通过:disabled选择器设置复选框的宽高样式，如下：
效果如下：
说明:disabled选择器可以作用于复选框，但是由于复选框有默认的样式（不同浏览器的默认样式还不同），一般不可以直接修改，所以同学设置的border属性并没有生效，不过不用纠结这里，因为实际开发中大多是使用复选框的默认样式。
2、参考如下解答：
（1）因为这节主要是讲解一些css3新增的伪类，所以介绍了表示html元素的伪类:root。两者都可以给根元素html设置样式，使用哪一种都可以，同学根据自己编写代码的习惯，选择其中一种即可。
（2）根元素指的就是<html>元素。
（3）:root 表示 <html> 元素，与 html 选择器相同。 不同之处是:root伪类选择器的优先级高于html标签选择器。如下：
分别使用:root伪类选择器和html标签选择器设置字体颜色，即使代码中，html标签选择器书写在:root伪类选择器的后面，由于:root伪类选择器优先级更高，所以文字最终为红色，如下：
祝学习愉快~
0
相似问题