CSS定义input disabled样式代码,Css代码库,德仔网

代码语言

代码分类

【Css】 CSS定义input disabled样式

作者: / 发布于2016/10/14/ 422

以下三种写法都可以禁用 input

<inputtype="text"disabledvalue="已禁用"/>
<inputtype="text"disabled="disabled"value="已禁用"/>
<inputtype="text"disabled=disabledvalue="已禁用"/>
被禁用的 input 默认显示灰色，可以通过CSS修改样式。
1. 利用CSS3 :disabled 伪元素定义

//Chrome Firefox Opera Safari
input:disabled{
border:1px solid #DDD;
background-color:#F5F5F5;
color:#ACA899;
}
2. 利用属性选择符定义

//IE6 failed
input[disabled]{
border:1px solid #DDD;
background-color:#F5F5F5;
color:#ACA899;
}
3. 利用类来定义

input.disabled{
border:1px solid #DDD;
background-color:#F5F5F5;
color:#ACA899;
}
最终结果：

input[disabled],input:disabled{
border:1px solid #DDD;
background-color:#F5F5F5;
color:#ACA899;
}
//IE6 Using Javascript to add CSS class "disabled"
* html input.disabled{
border:1px solid #DDD;
background-color:#F5F5F5;
color:#ACA899;
}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label