首页 > web前端 > html教程 > css设置具有指定type属性值的input文本框的样式_html/css_WEB-ITnose

css设置具有指定type属性值的input文本框的样式_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:28:52
原创
1768 人浏览过

css设置具有指定type属性值的input文本框的样式:
如果想设置一个的样式,我们不能够擦用如下方式:

input{}
登录后复制

上面的方式可以设置所有的input元素的样式,不单单是文本框,当然我们可以找到其他的解决方案,在文本框上使用class属性或者style属性进行设置,但是这种方式还是比较麻烦,下面就通过css的属性选择器来实现此功能。
代码如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">input[type=text]{  width:200px;  height:30px;}</style></head> <body> <input type="text"/><input type="password"/></body> </html>
登录后复制

上面的代码利用属性选择器可以设置文本框的长度和高度。
属性选择器可以参阅CSS的属性选择符E[att="val"]一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15073

更多内容可以参阅:http://www.softwhy.com/divcss/

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板