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

Question

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

<style type="text/css">
    #height {
        width: 200px;
    }
        #height option {
            width: 500px;
            height:200px !important;
        }
</style>

<select id="height">
    <option value="bugatti">Bugatti</option>
    <option value="lamborghini">Lamborghini</option>
    <option value="ferrari">Ferrari</option>
    <option value="levis">Levis</option>
    <option value="reebok">Reebok</option>
    <option value="nike">Nike</option>
</select>

Answer 1

选项标签的呈现由浏览器决定，它们有自己独特的方式，因此选项标签的填充甚至边距等限制在 mozilla firefox 中有效，但在它不起作用使用 chrome。

总结:如果非常需要改变外观，可以使用自定义JS插件。