Html 增加连续数据列表项之间的间距

我正在使用数据列表显示一个下拉列表

<datalist id="ddl1">
    <option value="one">Apple</option>
    <option vlaue="two">Mango</option>
    <option value="three">Cherry</option>
</datalist>

苹果
芒果
樱桃

如何增加两个数据列表行之间的间距。如果我尝试添加

<option value="one">One<br /></option>

One

这在Safari中显示得很好，但在chrome中显示为文本

---

如何解决这个问题

不幸的是，到目前为止这还不可能。Chrome的最新版本不再将

显示为文本，但也不会在下拉列表中显示换行符

一般来说，这应该通过CSS解决，因为这是一个样式问题，但这也不起作用。实际的

datalist

元素仅为建议下拉列表提供值，但未显示元素本身。您看到的列表位于阴影DOM中，就像（

上的上/下箭头一样

---

人们希望Chrome为数字控件提供一些

datalist

伪选择器，如

input:：-webkit-outer-spin-button

，但没有为

datalist

指定或实现任何选择器。

您已经包含了css标记。使用css。你的意思是当它显示在输入下时？