css Select-Option 和 margin-top

Question

我正在尝试使用 select-option

制作 dropbox 或 comboBox

我想把 space 放在 select 和第一个 child（选项）之间。

我试过了

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

但是失败了。

有什么想法吗？

Answer 1

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

这是因为这种类型的元素是 "replaced element" 的示例。它们是 OS 依赖的，不属于 HTML/browser。它不能通过 CSS.

设置样式

遗憾的是，webkit 浏览器尚不支持选项标签的样式。

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

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

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

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

css Select-Option 和 margin-top

css Select-Option with margin-top

css

html-select

drop-down-menu

reactjs