Select Input Field CSS Help

Hello OceanWP community,

I’m trying to customize the select / dropdown input fields on my Woocommerce checkout with OceanWP. I can’t for the life of me figure out how to change the font size to match the other input fields. I’ve tried targeting various CSS classes and even appending “!important” to the CSS rule.

Here’s what my current CSS looks like:

.select2-selection {
	border: 2px solid #ccc !important;
}
.select2-selection__rendered {
	font-size: 100% !important;
}
input[type=select],
.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 100% !important;
}

And here’s what it looks like on-site:

View post on imgur.com

I’m using the latest Chrome on Windows 10.