前端技术学习之选择器(十)

十一,:disabled选择器

一看这个属性就知道是专为表单元素提供的。在表单中输入框,密码框,复选框都有可用(:enabled)和不可用(:disabled)状态,默认情况,这些表单元素都处在可用状态。可通过选择器:enabled为这些表单元素设置样式。

代码例子:可用输入框设置样式

div {

margin: 30px;

}

input[type="text"]:enabled {

border: 1px solid #f36;

box-shadow: 0 0 5px #f36;

}

可用输入框:

禁用输入框:

运行效果:

注:看到有【:enabled】选择器,就知道肯定有【:disabled】选择器了。看名字就知道:disabled选择器和:enabled选择器相反,用来匹配不可用的表单元素。要使用:disabled选择器,需要在表单元素中设置"disbled"属性

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 128,883评论 18 137
  • (1). 阴影模糊半径与阴影扩展半径的区别:阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不...
    Leisure_blogs阅读 1,121评论 0 6
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    程序员poetry阅读 15,547评论 32 459
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 2,720评论 1 41
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 712评论 0 1
  • 2017年10月1日 星期日 雨 今晚陪女儿看萤火虫灯展 这真属于废地再利用,女儿高兴的不得了,这小小的灯展...
    仲蕊蕊妈妈阅读 37评论 0 1
  • 转眼间,炯炯上幼儿园一个月了,我又续交了三个月学费。 这一个月以来,从来没有一天早上是哭着走出家门的,即便是不情愿...
    村菇凉阅读 148评论 0 0
  • 上一期同志必读贴提到了,查理·芒格。他是行走的百科全书,是人生导师!瞬间吸引了我的关注,于是利用一周时间阅读完他的...
    sugar_rush阅读 228评论 0 3