javascript - html中的样式选择框选项

Question

我试图在选择框的选项上显示用户名和电子邮件:

<option>Adda adda@example.com</option>

现在我面临的问题是有些名字更大，在查看选项时看起来很奇怪。

所以我试着把<span>在选项内有样式属性，但它不起作用。

谁能告诉我怎么把name应该在一边，而email在没有相互接触的情况下走到另一边。

Answer 1

option 的样式取决于浏览器，您将无法使用 css 获得一致的结果。您可以使用类似 select2 的替代方法如果你想更多地控制风格。请注意，这可能会影响移动浏览器的可用性。