selectタグにpaddingを指定する方法

Wed Mar 4, 2020 - css
Wed Mar 4, 2020

selectタグに普通にpaddingを指定してもうまくいきません。

1
2
3
select {
    padding: 5rem 3rem;
}

paddingを指定するためにはappearanceを使います。

1
2
3
4
5
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 5rem 3rem;
}
See Also