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>

Answer 2

您不能这样做，可以更好地替代使用，但实际上由可以样式化的常规HTML元素组成。

此元素是“已替换元素”的示例，它们与操作系统有关，并且不属于HTML /浏览器，不能通过CSS设置样式，可以的话可以通过JS设置样式。

有关更多信息，请在此处查看示例 https://stackoverflow.com/a/19217244/6701087

在<datalist> HTML中，内联CSS无法正常工作

2 个答案: