程序博客网 > 网络舆情监控论文

:disabled选择器

来源：互联网 发布：网络舆情监控论文 编辑：程序博客网 时间：2024/06/06 19:38

“:disabled”选择器刚好与“:enabled”选择器相反，用来选择不可用表单元素。要正常使用“:disabled”选择器，需要在表单元素的HTML中设置“disabled”属性。

示例演示

通过“:disabled”选择器，给不可用输入框设置明显的样式。

HTML代码：

<form action="#">  <div>    <input type="text" name="name" id="name" placeholder="我是可用输入框" />  </div>  <div>    <input type="text" name="name" id="name" placeholder="我是不可用输入框" disabled />  </div></form>


CSS代码

form {  margin: 50px;}div {  margin-bottom: 20px;}input {  background: #fff;  padding: 10px;  border: 1px solid orange;  border-radius: 3px;}input[type="text"]:disabled {  background: rgba(0,0,0,.15);  border: 1px solid rgba(0,0,0,.15);  color: rgba(0,0,0,.15);}

结果演示：

<!DOCTYPE www.dztcsd.com/html>
<html>
<head> 
<meta charset="utf-8">
<title>属性选择器</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head> 
<body>
<form action="#">
  <div><input type="text" /></div>


  <div>
    <input type="submit" value="我要回到上一步" />
    <input type="submit" value="禁止点下一步" disabled />
  </div>
</form> 
</body>
</html>

任务

在右边CSS编辑器的第21行输入正确的代码，让不可用按钮显示为灰色。

0 0
网络舆情监控论文 网络舆情监控论文
原创粉丝点击
热门IT博客
淘宝一百多的狩猎者淘宝一百多的狩猎者
linux查询cpu个数linux查询cpu个数
阿里云 404
单机版数据库
初中生学英语软件
js上拉加载下拉刷新
域名高价赎回多少钱
mac玩lol鼠标飘
2017网络流行语录
phoneshop软件下载
乐易编程
ps拾色器快捷键 mac
网络机顶盒驱动程序
三案始末 知乎
java并发编程实践源码
中石化邮箱域名是什么
网络摄像头连接路由器
学校网络下片子
音频剪切合并软件
粒子群算法及应用
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 撒拉 撒撇是什么 撒旦 撒旦总裁 撒旦教 撒旦玩偶 撒旦图片 我的撒旦总裁 误惹撒旦宝贝请负责 撒旦总裁的契约情人 潦倒撒旦冷殿下 撒旦总裁放肆宠 99亿新娘撒旦老公请温柔 撒旦魔鬼真实照片 撒旦总裁追逃妻 1999年地球恐怖撒旦脸 撒椒 撒欢 撒汤 撒汤怎么做 撒汤正宗做法 撒汤的做法 撒泼打滚 撒泼 打滚撒泼 涂磊遭撒泼妇无视全版 醉汉列车撒泼被反绑 撒米 撒网教程 撒网 广撒网 撒网捕鱼 撒网怎么撒 飞盘撒网 手撒网价格 撒网手抛网 大力马撒网 撒网拼音 撒网图片 鱼撒网 撒网读音

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里