html - 同一页面不同样式的输入框

Question

我的输入框有以下样式

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

我想要做的是在大多数输入上都有这种风格，但我想制作一类输入，这样我就可以添加背景颜色等。我怎样才能在样式表中做到这一点？

score 2 · Accepted Answer

使用类

定义一个不同风格的类

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

并将其应用于 html 中的输入元素

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

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

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

score 1 · Accepted Answer

1

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

于 2013-02-20T23:41:15.627 回答

2 回答 2