0

この投稿を読んだ後: Twitter Bootstrap 2.x で box-sizing : border-box を使用すると、すべてを壊すことなく簡単に実行できますか?

https://github.com/thomas-mcdonald/bootstrap-sassからダウンロードした sass リポジトリでボックス サイズを試してみることにしました 。

私は以下を追加しようとしました：

* {
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
 }

これはうまく機能しますが、入力フォームの高さが台無しになります。上記の投稿のコメントを読んで、入力フォームでのボックス サイズ設定コンテンツの使用について。しかし、明らかにこれは生意気ではありません:

*, *:before, *:after {
.box-sizing(border-box);
}

input {
.box-sizing(content-box);
}

私の入力フォームが押しつぶされているように、これを機能させる方法を誰かが知っていますか?

4

1 に答える 1

0

sassファイル内でも使用できます-以下のコードを試してください

*
  &:before, &:after     
     +box-sizing(border-box)


input
  +box-sizing(content-box)

より少ないコードが sass コードに変換されるようになりました。Lessコードが機能している場合、このsassコードは間違いなく機能します

于 2013-06-06T12:27:49.693 に答える