全局样式所有html按钮只需要'class','id'或'name'

Question

以下样式是所有输入标记,这意味着任何"类型"的输入标记都会被设置样式.

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

}

如何隔离它所以所有按钮输入'类型'的样式与文本输入'类型'不同,不需要添加/使用'id','class'或'name'.

这必须是跨浏览器的解决方案.

Answer 1

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

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

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

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

Answer 2

使用css2选择器你可以做citricsquid和pixeltocode建议的...

提到的这些选择器是在IE7版本中添加的.所以你不能只在IE7之前用CSS做你想要的

要么为IE6使用类或javascript ..

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