31

入力タイプにはこの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);
    }

十分に具体的ではありません。可能なすべてのタイプをリストするよりもこれを行う方法はありますか。

ありがとう。

4

2 に答える 2

52

可能な入力タイプはたくさんあります。テキストエリアと 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);
}
于 2013-08-06T16:14:30.297 に答える