输入框使用相同的页面

 input[type="text"] { 
     height:16px ; 
     font-size:14 ; 
     border-radius: 5px ;  
    }

我想要做的是对大多数的输入这种风格上的不同的风格，但我想使一类的输入，所以我可以添加背景颜色等。我怎么能在syle表单中做到这一点？

2013-02-20 Mick

使用类

定义一个类有不同的风格

input[type="text"].different { 
    background-color:red;  
}

，并将其应用到输入元素在HTML

<input type="text" class="different" />

此输入会具有ge的所有属性neric规则input[type="text"]然后应用input[type="text"].different类的所有属性。

input[type="text"].different更重要，所以在重叠属性的情况下，.different类中的属性将占上风。

2013-02-20 23:41:50

感谢您的时间，一个很大的帮助 – Mick 2013-02-20 23:48:57

input[type="text"].yellow { 
    background-color: yellow; 
}

2013-02-20 23:41:15 bdesham

我奉劝不要这种方法（特征后命名类）;它是[标签：反模式]，因为它将风格与内容紧密结合。如果你决定改变格式，你将不得不编辑HTML（击败CSS的目的），或者让你的“黄色”CSS类做一些混淆，比如'background-color：red'。 – BryanH 2013-02-20 23:44:37

回答