我想编辑bootstrap的表单CSS。
bootstrap-sass / vendor / assets / stylesheets / bootstrap / _forms.scss
我抓住了..
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: $inputBackground;
border: 1px solid $inputBorder;
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
@include transition(border linear .2s, box-shadow linear .2s);
// Focus state
&:focus {
border-color: rgba(82,168,236,.8);
outline: 0;
outline: thin dotted \9; /* IE6-9 */
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6));
}
}
我试图改变焦点状态的rgba值。
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200,168,136,.6)
但后来我收到以下错误: Mixin转换需要1个参数但通过了2个。
我想我不允许“覆盖”盒子阴影混合?但我不知道如何解决这个问题。我感谢任何帮助。
答案 0 :(得分:0)
你想逃避争论:
@include box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200,168,136,.6)")
注意~
(代字号)和"
(引号)。这清除了对逗号的混淆,较少解释为两个参数之间的分离。有关详细信息,请参阅较少文档中的“转义”部分。