ruby-on-rails - rails : Bootstrap Editing Forms CSS

Question

我想编辑 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 个参数。

我想我不能只“覆盖”box-shadow mixin？但我不确定如何解决这个问题。感谢您的帮助。

Answer 1

你想逃避争论:

@include box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200,168,136,.6)")

注意 ~(波浪号)和 "(引号)。这消除了对逗号的混淆，逗号被 less 解释为两个参数之间的分隔符。参见“转义”部分在更少的文档中以获取更多信息。