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

Abd*_*man 0 html css

我想更改数据列表 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>
Run Code Online (Sandbox Code Playgroud)

Mon*_*gal 5

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

<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>
Run Code Online (Sandbox Code Playgroud)