Question

这里我有两种不同的<input>类型，＆＃34; text＆＃34;和＃34;密码＆＃34;而且我对这两种风格都有相同的风格。如何分组？

input[type=text] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    color : green;
}

input[type=password] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    color : green;
}

Answer 1

input[type=text], input[type=password] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    color : green;
}

更多信息：http://www.htmldog.com/guides/css/intermediate/grouping/

Answer 2

有几种方法可以做到这一点。其中一个简单的解决方案是在两个Input标记上放置一个CSS类，如下所示。

<input type="text" class="formatter" />
<input type="password" class="formatter" />

然后为该课程添加样式如下。

input.formatter {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    color : green;
}

如何在CSS中为两种不同的输入类型分组选择器

2 个答案: