JSFiddle - React, Tailwind, and code Playground

by NerfAnarchist

HTML

<button onclick="alert('test');">alert</button><select>
<option>test</option>
<option>test1</option>
<option>test2</option>
<option>test3</option>
<option>test4</option>
<option>test5</option>
<option>test6</option>
<option>test7</option>
<option>test8</option>
<option>test9</option>
<option>test0</option>
<option>test10</option>
</select>
<input type="checkbox" />

CSS

select {
    height:22px;
}

button, select {
    background: #25d958; /* Old browsers */
    background: -moz-linear-gradient(top, #25d958 0%, #1da541 24%, #067824 50%, #1a923a 79%, #1fb146 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25d958), color-stop(24%,#1da541), color-stop(50%,#067824), color-stop(79%,#1a923a), color-stop(100%,#1fb146)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #25d958 0%,#1da541 24%,#067824 50%,#1a923a 79%,#1fb146 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #25d958 0%,#1da541 24%,#067824 50%,#1a923a 79%,#1fb146 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #25d958 0%,#1da541 24%,#067824 50%,#1a923a 79%,#1fb146 100%); /* IE10+ */
    background: linear-gradient(to bottom, #25d958 0%,#1da541 24%,#067824 50%,#1a923a 79%,#1fb146 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25d958', endColorstr='#1fb146',GradientType=0 ); /* IE6-9 */
    
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    border-width: 1px;
    
    text-decoration:underline;
    color:#FFFFFF;
}

button:active {
    background: #52e27b; /* Old browsers */
    background: -moz-linear-gradient(top, #52e27b 0%, #23c94f 24%, #07912c 50%, #1fb347 79%, #26d655 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52e27b), color-stop(24%,#23c94f), color-stop(50%,#07912c), color-stop(79%,#1fb347), color-stop(100%,#26d655)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #52e27b 0%,#23c94f 24%,#07912c 50%,#1fb347 79%,#26d655 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #52e27b 0%,#23c94f 24%,#07912c 50%,#1fb347 79%,#26d655 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #52e27b 0%,#23c94f 24%,#07912c 50%,#1fb347 79%,#26d655 100%); /*...

JavaScript

// button and select css