JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<!--twitter bug-->
<br/>
<br/>
<br/>
<br/>
<select>
       <option value="atm">atm</option>
                    <option value="bank">bank</option>
       
</select>

CSS

/* webkit browsers only */
@media (-webkit-min-device-pixel-ratio: 0) {
   
  select,
  select[size="0"],
  select[size="1"] {
    -webkit-appearance: none; 
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==); 
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    border: 1px solid #ccc;    
    border-radius: 4px;
    width: 100%;  
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;    
        
  }
  
  
}