JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page">
	<form action="#" method="post">
			<div class="styled-select">
	          <select name="select-choice" id="select-choice">
		            <option value="">Select</option>
		            <option value="Mr">Mr</option>
		            <option value="Miss">Miss</option>
		            <option value="Mrs">Mrs</option>
		            <option value="Ms">Ms</option>
		            <option class="optionlast" value="Other">Other</option>
	          </select>
	        </div>
			</form>
</div>

CSS

<style type="text/css">
	body {background:#ccc;}
	.styled-select { overflow: hidden; background: url(http://www.codehaven.co.uk/demos/formarrow.jpg) no-repeat scroll right center #fff;margin:2px 0 3px 0;color:#4d4d4d;border-radius:6px;height:40px;}
	.styled-select select { background: transparent; padding:6px 16px 14px 15px; line-height: 20px; border: 0; border-radius: 0; -webkit-appearance: none; overflow:hidden; width:117%; color:#4d4d4d;cursor:pointer;font-weight:300;font-size:19px;padding:7px 6px 14px 15px;}
	.page {width:300px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
      /* Safari and Chrome */
      .styled-select select { padding:8px 6px 14px 15px; }}


</style>