Problem with styling select (dropdown) comboboxes

[ad_1]

I have a simple membership form which is set up with the Forminator (free) Design Style set to None so that the styling can be set by my theme – a simple child theme of GeneratePress where the only other customisation is to set the site text font and minor formatting of the Navigation menu.

I can set the styling of all elements except the select comboboxes, using the CSS –

.forminator-button-submit {
    border-radius: 16px;
    background: green;
}
.forminator-label {
    display: inline-block;
    width: 200px;
    height: 30px;
    font-weight: bold;
}
.forminator-input,
.forminator-input[type=text],
.forminator-input[type=email] {
    display: inline-block;
    width: 400px;
    height: 30px;
    padding: 5px;
    border: 1px solid black;
    background-color: #f0ffff;
    margin-right: 5px;
}

I have tried all combinations of -input, -select, -dropdown, and [type=select] with .forminator but failed to change the select styling.

Can you provide me with the correct CSS syntax to style the select elements ?

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer