CSS 能不能控制disabled的文字颜色?

html-css09

CSS 能不能控制disabled的文字颜色?,第1张

根据测试结果disbled状态下文字颜色是可控的。示例代码如下:

<!DOCTYPE html>

<html lang="zh-CN">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>测试页面</title>

</head>

<body>

<style type="text/css">

.test{color:red}

</style>

<input class="test" disabled="disabled" value="调整disaled内容样式">

</body>

</html>

代码最终执行效果如下图:

data-dismiss是bootstrap里自定义的属性。

给一个元素data-dimiss属性的话,可以通过点击该元素达到让目标消失的效果。

data-* 属性是HTML5中推荐使用 用于绑定元素数据的一个属性。

CSS(层叠样式表)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。有三种方法可以在站点网页上使用样式表:外部样式表、内部样式表和内联样式。

CSS具有精简代码,降低重构难度、提升网页访问速度、利于SEO优化等优势,能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。