JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="row">
    <div class="col-sm-6">
        <select name="country" class="form-control SearchBar">
            <option value="ماليزيا">ماليزيا</option>
            <option value="تركيا">تركيا</option>
            <option value="النمسا">النمسا</option>
            <option value="تايلاند">تايلاند</option>
            <option value="إندونيسيا">إندونيسيا</option>
        </select>
    </div>
</div>

CSS

select.SearchBar {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.SearchBar::-ms-expand {
    display: none;
}