添加填充以下拉选择活动项目

我正在尝试放下处于活动状态的项目，但它似乎不可能。他们要我搬添加填充以下拉选择活动项目

这样：

，以便有上留下了一些额外的填充。但是我似乎无法瞄准活跃状态。

HTML：

<select class="input-select gender-dropdown"  id="dwfrm_profile_customer_customergender"  name="dwfrm_profile_customer_customergender" style="-webkit-appearance: none;"> 
    <option class="select-option" label="Male" value="1">Male</option> 
    <option class="select-option" label="Female" value="2">Female</option> 
    </select>

我发现removiing的-webkit-外观：无使得空间正常，但它也消除了底边框

来源

2016-09-22 codemonkey

请分享您的代码 –

使用padding，这样

.input-select { 
 
    padding: 6px 24px 6px 12px; 
 
    font-size: 16px; 
 
}

<select class="input-select gender-dropdown" id="dwfrm_profile_customer_customergender" name="dwfrm_profile_customer_customergender" style="-webkit-appearance: none;"> 
 
    <option class="select-option" label="Male" value="1"> Male</option> 
 
    <option class="select-option" label="Female" value="2"> Female</option> 
 
</select>

来源

2016-09-22 19:13:24 LGSon

添加填充以下拉选择活动项目

回答

相关问题