JSFiddle - React, Tailwind, and code Playground

by Nikhil krishnan

HTML

<input type="button" class="hButton" id="customize" value="Customize Table"></input>

CSS

.hButton{
border:solid 1px #0e4f85;
border-bottom:none;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
padding:1px 5px;
color:#696969;
background: #f7f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f5f5 48%, #e0dede 58%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#f7f5f5), color-stop(58%,#e0dede)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f5f5 48%,#e0dede 58%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f5f5 48%,#e0dede 58%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f5f5 48%,#e0dede 58%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f5f5 48%,#e0dede 58%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f5f5', endColorstr='#e0dede',GradientType=0 ); /* IE6-9 */


}