on my site I’m trying to edit the css of contact form 7, I want to set the background-color of the fields. For all fields this works fine, except the email-field. Somehow this property gets overruled. I’m using this code:

#top.page-id-954 div input[type='text'], #top.page-id-954 .main_color input[type='text'], #top .page-id-954 .main_color input[type='input'], #top .page-id-954 .main_color input[type='password'], #top .page-id-954 .main_color input[type='email'], #top .page-id-954 .main_color input[type='number'], #top.page-id-954 .main_color input[type='url'], #top.page-id-954 .main_color input[type='tel'], #top.page-id-954  .main_color input[type='search'], #top.page-id-954  .main_color textarea, #top .page-id-954 .main_color select { border: none!important; color:#9cc53b!important; background-color:#F5F9EB!important; margin: 0 auto;}

Does anyone knows how to fix this?

Regards Erwin