0

ブートストラップのフォーム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つが渡されました。

ボックスシャドウミックスインを単に「オーバーライド」することは許可されていないと思いますか?しかし、この問題を修正する方法がわかりません。助けていただければ幸いです。

4

1 に答える 1

0

引数をエスケープしたい:

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

~(チルダ) と"(引用符)に注意してください。これにより、コンマについての混乱が解消され、less は 2 つの引数間の区切りとして解釈されます。詳細については、以下のドキュメントの「エスケープ」部分を参照してください。

于 2012-11-18T12:50:38.993 に答える