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

Question

我正在尝试删除活动的项目，但似乎不可能。他们要我搬家

对此：

这样左边有一些额外的填充。但是我似乎无法瞄准活跃状态。

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>

• 我发现删除-webkit-appearance：none会使空间正常但它也会删除底部边框

Answer 1

使用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>