我可以区分不同输入类型的CSS吗?

时间:2010-09-23 14:12:37

标签: css

input type = text / radio / checkbox - 我可以在CSS中区别对待它们吗?

除了添加class=之外,我的意思是

7 个答案:

答案 0 :(得分:14)

YES!

有一个叫做属性选择器的很棒的东西:

input[type="text"] { width: 200px; }

只需在那里更改text,就可以了!

但请注意,这些不适用于IE6,因此您可能需要查看dean.edwards.name IE7.js:)

答案 1 :(得分:5)

您可以使用属性选择器,如此

input[type=text] { ... }

但是,并非所有浏览器都支持此功能。你最安全的选择是使用课程

答案 2 :(得分:4)

您可以使用input[type=text]执行此操作。旧的浏览器可能不支持它。

答案 3 :(得分:3)

是的,你可以

例如

input[type="text"]{
/*do something*/
}

以及更多

input[type="text"] {
font:bold 10px/12px verdana,arial,serif;
padding:3px;
}
input[type="button"],input[type="submit"] {
/* you know what to do */
}

答案 4 :(得分:2)

你可以输入[type =“text”]

答案 5 :(得分:1)

您可以使用

input[type="What ever the type you want to style specifically"]

答案 6 :(得分:0)

我从未见过这样做(我亲自尝试过)。我相信你必须在页面上运行一些JavaScript / jQuery渲染,以根据元素属性操作对象类。