Disable overriding the appearance of the select field

Hey fancyboxpl,

Thank you for the inquiry.

You can use this css code to adjust the style of select element and display its default appearance based on WordPress’ style guide.

#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select {
    -webkit-appearance: inherit;
    border-radius: inherit;
    background-image: inherit;
    border-radius: inherit;
    background-position: center right;
    background-repeat: no-repeat;
    background: #FD3 url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
    padding: 6px 35px 6px 4px !important;
}

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard