如何对齐 TextInput 和 SelectInput

Question

我想将 TextInput 和 SelectInput 放在同一行。但是它不对齐 good.inline-block

Answer 1

.test{
 height:40px;
 width:200px;
  box-sizing: border-box;
 }

<input class="test">
<select class="test">
 <option>Test1</option>
 <option>Test2</option>
</select>

Answer 2

这些 Material UI 组件的结构有一定的特殊性。要将样式相关的道具传递给底层组件，请使用 elStyle 属性 并自定义给出的 css 值，直到它们对齐。