JSFiddle - React, Tailwind, and code Playground

by Ilmv

HTML

<div class="field"><input class="a" type="text" /></div>
<select class="a" >
    <option>England</option>
    <option>Ireland</option>
    <option>Scotland</option>
    <option>Wales</option>
</select>

CSS

input, select {
    float: left;
    clear: both;
    width: 250px;
}

input, select {
    border: none;  
}

.field {
    background-color: white;
    border:1px solid lightgrey;  
    border-radius: 3px; 
    padding: 5px; 
    overflow: hidden;
}

input:focus, select:focus {
    -moz-outline-radius: 5px;
    outline: 2px solid #FF4B00; 
    -moz-outline-offset: 0;
}