選択要素にパディング効果を設定する

下の図に示すように、padding-left: 20px を select 要素に追加しますが、効果はありません。

パディング設定を選択時に有効にする方法は?

方法 1:

属性の外観を設定します:

選択する属性を追加します: 外観: なし; -webkit-Appearance: なし;

効果は次のとおりです:

方法 2:

選択のスタイルを設定します: text-indent: 20px;

効果は次のとおりです: