JSFiddle - React, Tailwind, and code Playground

HTML

<div class="filter-descr">
	<span class="filter-title">Dropdown</span>
	 <SELECT  size=1 name="some-name" id="some-filter">
	 <OPTION VALUE="filter_13">All</OPTION>
	 <OPTION  value="1">1.</OPTION>
	 <OPTION  value="2">2</OPTION>
	 <OPTION  value="3">3.</OPTION>
	 <OPTION  value="4">4</OPTION>
	 <OPTION  value="5">5</OPTION>
	</SELECT>
</div>

CSS

#some-filter{
	-moz-appearance: none; /* Firefox Hack */
    text-indent: 0.01px;
    text-overflow: '';
	background-image: url('http://i.imgur.com/Q82WTld.png');
    background-color: red;
    color: blue;
	background-repeat: no-repeat;
	background-position: 96% 8px; /* BG Position to the right */
	-webkit-appearance: none;
	color: #0e2229;
	font-family: "OpenSansRegular";
	cursor: pointer;
	font-size: 14px;
	border-radius: 4px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-khtml-transition: all 0.3s ease-out;
	width: 60%;
    height: 30px;
}

/* IE Hack */
#some-filter::-ms-expand{
	display: none;
}