JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
<form action="">
        <label for="vegetables">Vegetables:</label>
        <select name="" id="vegetables">
            <option value="">cauliflower</option>
            <option value="">tomato</option>
            <option value="">cucumber</option>
        </select>
        <input type="submit" value="Change"/>
        </form>
</div>

CSS

.block {
margin:25px 0 0 100px;
}
.block form label{
font-size:13px;
}
.block form select{
font-size:11px;
}

.block input {
width:52px;
height:18px;
color:#fff;
text-shadow:#6b4634 1px 1px;
background: -moz-linear-gradient(bottom,#c63800,#f26005);
background: -webkit-linear-gradient(bottom,#c63800,#f26005);
background: linear-gradient(bottom,#c63800,#f26005);
border:1px solid #f25f05;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
line-height:30px;
}


::-moz-focus-inner {
    padding: 0;
    outline: 0;
    margin-top: -2px;  
}