带有 margin-top 的 css Select-Option

Question

我正在尝试使用 select-option 制作 dropbox 或 comboBox

我想在选择和第一个 child (选项)之间放置空格。

我试过了

          <select>
            <option style={{ marginTop: "100px" }} value="Test">test</option>
            <option value="Test">test</option>
          </select>

但是失败了。

有什么想法吗？

Answer 1

只有少数几个样式属性可以应用于一个元素。

这是因为这种类型的元素是“替换元素”的一个例子。它们依赖于操作系统并且不是 HTML/浏览器的一部分。它不能通过 CSS 设置样式。

不幸的是，webkit 浏览器还不支持选项标签的样式。

你可能会在这里找到类似的问题

1. > How to style a select tag's option element?
2. > Styling option value in select drop down html not work on Chrome & Safari

使用最广泛的跨浏览器方案是使用ul li

希望对您有所帮助!!!!