JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" height=100%>
<head>
<link rel="stylesheet" href="front.css" type="text/css" media="all" />

</head>
<body height=100%>

<a href="#" id="signin_submit">ffff</a>

</body></html>

CSS

#signin_submit {
    height:24px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    background:#39D url('images/bg-btn-blue.png') repeat-x scroll 0 0; 
    border:1px solid #39D;
    color:#fff;
    padding: 5px 10px 5px 10px;
    font-size:11px;
    margin:3px 3px 3px 3px;
    font-weight:bold;
    TEXT-DECORATION: none;
    cursor:pointer;
    color: white!important;
    text-shadow: -1px -1px 0 #39D!important;
    box-shadow: inset 0px 1px 1px #8ebdde;
}

#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}

#signin_submit:hover {
    background-position:0 -10px;
    cursor:pointer;
-moz-box-shadow: 1px 1px 1px #ccc;
-webkit-box-shadow: 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px #ccc;
}