select元素中設置padding效果

給select元素增加：padding-left：20px;但是未生效，如下圖所示：

在select上如何使設置padding生效？

方法一：

設置屬性appearance：

給select增加屬性： appearance: none; -webkit-appearance: none;

效果如下：

方法二：

 給select設置樣式：text-indent: 20px;

效果如下：