How to add style (padding, font-style) to select options

madhumitajha
Level 1

How to add style (padding, font-style) to select options

Hi I am trying to change select field option background color(blue to grey) on hover and want to change font style and padding to

select option, could you please help me on this

.Untitled.png

1 REPLY 1
SanfordWhiteman
Level 10 - Community Moderator

Re: How to add style (padding, font-style) to select options

As I answered elsewhere, individual <option> elements don't have a :hover state. You won't be able to do that part.

 

Padding is exactly like it sounds:

 

.mktoForm select option {
    padding: 10px;
}