如何为html数据列表选项添加边距或底部填充

Question

我有一个html代码：

<div class="oas-wrapper">
<div>
<form>
<input type="text" id="scales" name="example" placeholder="###" list="exampleList">
<datalist id="exampleList">
<option value="A">  
<option value="B">
<option value="C">  
<option value="D">
</datalist>
</form>
</div>
</div>
<div class='next-wrapper'>some content here</div>

然而，一旦有了很多选项，该选项将覆盖类"下一个包装器"的一部分，我尝试在数据列表或选项标签中添加边距和填充底部，但没有任何变化，有什么建议吗？

Answer 1

与select元素一样，datalist元素在样式上几乎没有灵活性。不能更改边距和填充浏览器为这些元素定义自己的样式。