Set padding effect in select element

Add: padding-left: 20px to the select element; but it does not take effect, as shown in the figure below:

How to make padding settings take effect on select?

Method 1:

Set attribute appearance:

Add attributes to select: appearance: none; -webkit-appearance: none;

The effect is as follows:

Method 2:

Set style for select: text-indent: 20px;

The effect is as follows: