3

バーボンのドキュメントによると、#{$all-text-inputs}これを回すために使用できます ：

#{$all-text-inputs} {
  border: 1px solid green;
}

これに：

input[type="email"], input[type="number"],   input[type="password"], input[type="search"],
input[type="tel"],   input[type="text"],     input[type="url"],      input[type="color"],
input[type="date"],  input[type="datetime"], input[type="datetime-local"],
input[type="month"], input[type="time"],     input[type="week"] {
  border: 1px solid green;
}

バーボンまたはサスを使用して、:hoverまたは:focusそれぞれに適用する方法はありますか？

#{$all-text-inputs:hover}と#{$all-text-inputs}:hover動作しませんでした。

4

2 に答える 2

9

Sass親セレクター:hoverを使用してとスタイルをネストできるはずです：:focus

#{$all-text-inputs} {
  border: 1px solid green;
  &:hover, &:focus {
    // some styles
  }
}
于 2012-04-26T15:12:10.057 に答える
4

#{$all-text-inputs-hover}代わりにどう#{$all-text-inputs:hover}ですか？

そして焦点のために#{$all-text-inputs-focus}

仕様をもう一度確認してください http://bourbon.io/docs/#html5-input-types

于 2013-06-05T16:05:41.167 に答える