如何将单独的FOCUS样式应用于两个输入字段

但我想为不同的输入字段使用不同的样式，但似乎我只能在CSS中设置一个输入样式焦点。

我目前使用此代码形式输入的焦点：

input[type=text]:focus, textarea:focus , input[type=password]:focus{ 
    box-shadow: 0 0 5px rgba(229, 47, 22, 1); 
    padding: 8px 3px 8px 58px; 
    margin: 5px 1px 10px 0px; 
    border: 1px solid rgba(229, 47, 22, 1); 
}

现在，当我想为忽略这个样式的另一个输入字段，我想加入这个在做该输入字段的类别：

.search 
{ 
    box-shadow: 0 0 2px rgba(211, 211, 211, 211); !important; 
}

浏览器如果忽略此重叠并仍显示红色阴影。

我确信有一个出路，但似乎找不到正确的方法来做到这一点。欢迎任何帮助或建议:)

来源

2014-10-19 ssdesign

删除';'前'important' – Parody 2014-10-19 09:44:18

要正确重写样式设置，使用更具体的选择，例如

input[type=text]:focus, textarea:focus , input[type=password]:focus{ 
 
    box-shadow: 0 0 5px rgba(229, 47, 22, 1); 
 
    padding: 8px 3px 8px 58px; 
 
    margin: 5px 1px 10px 0px; 
 
    border: 1px solid rgba(229, 47, 22, 1); 
 
} 
 

 
input[type=text].search:focus 
 
{ 
 
    box-shadow: 0 0 2px rgba(211, 211, 211, 211); 
 
}

<input type=text> 
 
<input type=text class=search>

来源

2014-10-19 10:32:33

完美，谢谢！那就是我正在寻找的:) – ssdesign 2014-10-19 20:47:41

！重要的是不能后，所以..

.search 
{ 
    box-shadow: 0 0 2px rgba(211, 211, 211, 211) !important; 
}

而那就是它。

但更好的方法是宁愿用ID＃搜寻，也没有必要！重要

来源

2014-10-19 09:37:38

如何将单独的FOCUS样式应用于两个输入字段

回答

相关问题