0

この問題には、理解できないように見えるフィドルがあります。

ブートストラップ マテリアル デザインで選択ボックスのサイズを大きくしようとしています。selectize プラグインを使用しています。

私が使用しているLESSは次のとおりです。

.selectize-control.single,
.selectize-control.multi {
  .selectize-input, .selectize-input.input-active {
    font-size: 40px;
    input {
      font-size: 40px;
    }   
  }
}

1 つのシナリオを除いて、フィドルのすべてが機能します。1 つのオプションを選択してから 2 番目のオプションを選択すると、最初の選択肢のテキストが少し下にジャンプして、その下の行のすぐ上に表示されます。このジャンプが起こらないようにするにはどうすればよいですか?

4

2 に答える 2

1

あなたはおそらくそれを整理しましたが、@Hywel Ressの提案との使用に従って、一度!importantだけ固定することができますinput：

JSFiddle 

input[type="text"] {
    position: absolute !important;
}
于 2016-03-03T15:38:25.457 に答える
0

これで修正されました。

.selectize-control.single,
 .selectize-control.multi {
 .selectize-input,
 .selectize-input.input-active {
  font-size: 40px;
       height: 40px;
    line-height: 40px;
    white-space: nowrap;
   input {
   font-size: 40px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    }
    }
  }
于 2016-03-02T18:10:58.883 に答える