select元素中設定padding效果

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

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

方法一：

設定屬性appearance：

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

效果如下：

方法二：

 為select設定樣式：text-indent: 20px;

效果如下：