增加选择菜单选项之间的差距

Question

我正在使用select标签在HTML中创建一个下拉列表。我无法增加选择列表中选项之间的差距。以下是我的代码。我怎样才能增加选项之间的差距？

AJAX

Answer 1

选项标签的呈现由浏览器决定，它们有自己独特的方式，因此填充限制甚至选项标签边距都适用于mozilla firefox，而它不适用于{{1 }}

摘要 ：如果非常有必要更改外观，可以使用自定义JS插件。

Answer 2

这是不可能的。如果你真的需要这个，你应该创建一个自定义选项菜单。

没有填充，边距，高度或行高适用于选项。 您可以在元素之间使用空选项，但这不是一个很好的解决方案。

Answer 3

Woooo我用不同的浏览器尝试了这个，我发现通过将填充到select标签的选项，这只能在FireFox中工作，除了其他浏览器（crome，即，safari）...... !!!!

奇怪...... !!!!

所以你可以尝试下拉

或jquery Pluggins下拉

Answer 4

我找到了一个解决方法：增加一个元素的字体大小（我选择了第一个元素，我总是将其保留为空白）。我用Javascript编程：

document.getElementById("myddl").options[0].style.fontSize = "xx-large";

这会强制所有选项以相同（放大）的空间显示，即使其他选项的字体大小不变。