在 <datalist> HTML 中，内联 css 不起作用

Question

我想更改数据列表 HTML 的高度和宽度，但它不起作用。如何解决这个问题？

          <input type="text" list="dose" />
          <datalist id="dose" class="doseinput" style="height: 34px;width: 153px; ">
            <option>1+1+1</option>
            <option>1+1+0</option>
            <option>1+0+0</option>
            <option>0+1+0</option>
            <option>0+0+1</option>
            <option>0+1+1</option>
            <option>1+0+1</option>
          </datalist>

Answer 1

将高度和宽度赋予输入标签而不是数据列表。

<input type="text" list="dose" style="height: 34px;width: 153px;"/>
          <datalist id="dose" class="doseinput">
            <option>1+1+1</option>
            <option>1+1+0</option>
            <option>1+0+0</option>
            <option>0+1+0</option>
            <option>0+0+1</option>
            <option>0+1+1</option>
            <option>1+0+1</option>
          </datalist>