JSFiddle - React, Tailwind, and code Playground

HTML

<div class="styled-select">
    <select class="service-area" name="service-area">
        <option selected="selected" class="service-small">Service area?</option>
        <option class="service-small">Volunteering</option>
		<option class="service-small">Partnership &amp; Support</option>
        <option class="service-small">Business Services</option>
    </select>
</div>

CSS

.styled-select {
	overflow: hidden;
	height: 74px;
	float: left;
	width: 365px;
	margin-right: 10px;
	background: url(http://i50.tinypic.com/9ldb8j.png) no-repeat right center #5c5c5c;
}

.styled-select select {
	font-size: 34px;
	border-radius: 0;
	border: none;
	background: transparent;
	width: 380px;
	overflow: hidden;
	padding-top: 15px;
	height: 70px;
	text-indent: 10px;
	color: #ffffff;
	-webkit-appearance: none;
}

.styled-select option.service-small {
	font-size: 14px;
	padding: 5px;
	background: #5c5c5c;
}