3

以下样式所有输入标签,这意味着输入标签的任何“类型”都会被样式化。

input {
 color:#050;
 font: bold 84% 'trebuchet ms',helvetica,sans-serif;
 background-color:#ffffff;
 border:1px solid;
 border-color: #696 #363 #363 #696;

}

如何隔离它,以便所有按钮输入“类型”的样式与文本输入“类型”不同,而无需添加/使用“id”、“类”或“名称”。

这必须是一个跨浏览器的解决方案。

4

3 回答 3

11
input[type=text]{
  color:#FF9900;
}

input[type=password]{
  color:#FFFF00;
}

input[type=submit]{
  color:#FFFFFF;
}

它支持密码、提交、文本、选择、单选等等。当我找到它时,我会在列表中进行编辑。您应该注意有些行为很奇怪,例如,具有 100px 宽度和 2px 填充的输入框(文本)与具有相同属性的提交输入框看起来会有所不同,您需要用额外的 3/4 像素填充提交,如果我没记错的话。

于 2010-02-07T01:36:37.973 回答
5

使用 css2 选择器,您可以执行 citricsquid 和 pixeltocode 建议的操作...

提到的这些选择器是在 IE7 版本中添加的 .. 所以你不能只在 pre-IE7 上用 CSS 做你想做的事

对于 IE6 使用类或 javascript ..

您可以在 miscrosoft 上阅读有关它的内容:CSS 兼容性和 Internet Explorer

于 2010-02-07T01:57:44.217 回答
1

您可以使用匹配所有 HTML 按钮

input[type=submit] { color: #050; }
于 2010-02-07T01:38:30.843 回答