我有一些输入类型具有此scss设置(来自框架)
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
...
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
{
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
}
我喜欢覆盖/重置所有类似的东西
textarea,
input[type="*"],
{
@include box-shadow(none);
}
以上不起作用,也
textarea,
input,
{
@include box-shadow(none);
}
不够具体。除了列出所有可能的类型之外,还有什么方法可以做到这一点。
谢谢。
最佳答案
有很多可能的输入类型。如果您想要textareas和任何具有type属性的输入,则...
textarea,
input[type] {
...
}
如果要排除某些输入类型,请使用
:not
选择器。编辑示例JSFIDDLE http://jsfiddle.net/Pnbb8/
textarea,
input[type]:not([type=search]):not([type=url]):not([type=hidden]) {
}
但是就像我说的那样,您不想要的类型可能要比您想要的类型多得多,因此您无法真正避免使用该列表。
您始终可以改用CSS类。
.box-shadowed
{
@include box-shadow(none);
}