添加填充以下拉選擇活動項目

我正在嘗試放下處於活動狀態的項目，但它似乎不可能。他們要我搬添加填充以下拉選擇活動項目

這樣：

，以便有上留下了一些額外的填充。但是我似乎無法瞄準活躍狀態。

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

添加填充以下拉選擇活動項目

回答

相關問題