css - 我正在寻求 CSS 技巧的帮助

Question

我有一些 CSS 代码如下:

input{
    background-image:url(css_img/input_bg.gif);
    padding:6px;
    margin:1px;
    width:250px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    font-variant:normal;
    height:30px;
    -moz-border-radius:3px 3px 3px 3px;
    -moz-box-shadow:0 2px 3px #DDDDDD;
    border:1px solid #aaa;
    color:#333333;
}

但是这段代码改变了所有 <input type="..."/> 的样式标签。如何更改纯文本字段的样式 <input type="text" name="name" /> ？我不想向它们添加类。

还有什么方法可以只使用在 Internet Explorer 中显示良好的普通 CSS(不使用图像)来圆 Angular 。

请帮帮我...

Answer 1

使用 attribute selector :

input[type="text"] {
    /* styles here */
}