css - 如何阻止文本在这个放大的引导材料设计选择框中跳转？

Question

对于这个问题，我有一个我似乎无法弄清楚的小提琴。

我正在尝试增加bootstrap material design中选择框的大小。它正在使用选择插件。

这是我正在使用的 LESS：

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

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

Answer 1

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

JSFiddle

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

Answer 2

这为我修好了。

.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;
    }
    }
  }