contact form 7, styling selected option in dropdown

  • I have styled my form and am almost done, what I don’t understand is how to style the selected option on my dropdown (the default is a blue background if an option is selected).

    What do I need to add to my styling to change the background-color of the selected option to #E881A680?

    My CSS looks like this:

    .et_pb_code_1 input[type="text"],
input[type="email"],
input[type="select"],
textarea, select{
border: 1px solid #B8B8B8;
border-radius: 10px;
background-color: #EEEEEE;
padding: 14px 8px 14px 16px;
font-weight: bold;
color: #B8B8B8; 
}

    Thanks in advance,

    neverdowork

    PS: cannot link the site since its still in production, sorry!

    • This topic was modified 2 years, 4 months ago by neverdowork.
    • This topic was modified 2 years, 4 months ago by neverdowork.
Viewing 1 replies (of 1 total)
  • luccio333

    (@luccio333)

    You can do it that way :

    option{
	border: 1px solid #B8B8B8;
border-radius: 10px;
background-color: #EEEEEE;
padding: 14px 8px 14px 16px;
font-weight: bold;
color: #B8B8B8; 

	<a href="border: 1px solid #B8B8B8;
border-radius: 10px;
background-color: #EEEEEE;
padding: 14px 8px 14px 16px;
font-weight: bold;
color: #B8B8B8;">}

Viewing 1 replies (of 1 total)
  • The topic ‘contact form 7, styling selected option in dropdown’ is closed to new replies.