css - 我怎样才能阻止文本在这个放大的 Bootstrap Material 设计选择框中跳跃？

Question

我有a fiddle for this issue 我似乎无法弄清楚。

我正在尝试增加 bootstrap material design 中选择框的大小.它使用 selectize plugin .

这是我正在使用的 LESS:

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

除一种情况外， fiddle 中的一切都有效。如果我选择一个选项，然后尝试选择第二个选项，第一个选项的文本会向下跳一点，所以它就在它下面一行的顶部。我怎样才能阻止这种跳跃的发生？

Answer 1

您可能已经解决了这个问题，但是根据@Hywel Ress 的建议和 !important 的使用，您可以一劳永逸地固定您的输入:

JSFiddle

input[type="text"] {
    position: absolute !important;
}