JSFiddle - React, Tailwind, and code Playground
HTML
<form action="">
<div class="select-cont">
<label for="se_1">Страна</label>
<span class="select">
<span class="txt">option 1</span>
<select name="se_1" id="se_1">
<option value="0">option 1</option>
<option value="1">option 2</option>
<option value="2">option 3</option>
</select>
</span>
</div>
</form>
CSS
.select {
display: inline-block;
position: relative;
width: 226px;
height: 27px;
margin: 0 0 0 10px;
background: url('http://giftplace.su/images/new/select.png') no-repeat;
}
.select .txt {
display: inline-block;
width: 196px;
height: 23px;
padding: 3px 10px;
}
.select select {
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 226px;
height: 27px;
}
JavaScript
$('.select select').css({
'opacity': '0'
}).change(function() {
$('.select .txt').text(this.options[this.selectedIndex].text);
});