0

ブートストラップ アラート css クラスを使用したい入力フィールドがあります。問題は、ブートストラップがより具体的なセレクターも定義しているため、それを機能させることができないinput[type="text"]ことです。入力要素でそのアラート css クラスを使用することを忘れることができますか? 入力フィールドのためだけに、より具体的なcssルールを作成することは本当に避けたいです...

4

1 に答える 1

0

「忘れる」必要はありませんが、少しの CSS (または実際には LESS) に触れる必要があります。

ほとんどの作業は LESS mixins で行うことができます:

input.myInputAlert {    
  .alert;
}

おおよそ次のようになります

input.myInputAlert {
  /* padding: 8px 35px 8px 14px; */
  /* margin-bottom: 20px; */
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
}

そして、パディングとマージンのルールを削除して、実際のinput値を使用できるようにしました。

そして、あまりテストしなくても、動作しているように見えます: http://jsbin.com/oqoqeg/2

LESS のコンパイルについてはこちら(lesscss.org) で確認できます。

于 2013-03-11T22:48:08.323 に答える