Html CSS如何增加选择框元素之间的行距

我想增加选择框元素之间的行距

我尝试

行高

和

最小高度

，但这会影响选择框元素的间距

我可以使用哪种财产

.input {
    padding-bottom:5px;
    margin-right:8px !important;
    margin:4px;
}

这里有

最小高度

：

select, textarea {
    background: #eee;
    border: 1px solid #aaa;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    min-height: 30px;
    font-weight: normal;
}

select, textarea { 
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

这里有

行高
：

select, textarea {
    background: #eee;
    border: 1px solid #aaa;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    min-height: 30px;
    font-weight: normal;
}

select, textarea { 
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

如果您想要在选择框的元素中设置间距，那么将css应用于不在选择框上的元素

选择框元素为

使用这个css

select option { 
    line-height: 20px;
}

对于使用“
大小”
”属性（大小大于0）选择“
”元素，请尝试在选项上使用填充：

<select multiple>
    <option style="padding: 10px" value="1">Option 1</option>
    <option style="padding: 10px" value="2">Option 2</option>
    <option style="padding: 10px" value="3">Option 3</option>
    <option style="padding: 10px" value="4">Option 4</option>
</select>


选择1
选择2
选择3
选择4
这在IE中不起作用，请看在firefox中，它似乎没有任何区别。计算样式被
resource://gre-resources/forms.css
其中包含！重要的样式，我不能或不知道如何覆盖它们。