css - Unwanted Boldness in input - HTML -
i have buttons "yes" , "no" shown in below images
for yes
html
<div class="margin-1half-em padding-zero text-center" > <input type="button" class="login-btn cursor-pointer padding-left-1em padding-right-1em" value="yes"> </div>
css
.login-btn { border: 1px solid #999999; padding: 0.15em 0.75em; color: #012258; background: #15db00; font-weight: bold; font-size: 1.2vw; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 1px 2px 0px #666; -moz-box-shadow: 0px 1px 2px 0px #666; box-shadow: 0px 1px 2px 0px #666; font-family: ftr55; }
for no
html
<div class="margin-1half-em padding-zero text-center" > <input type="button" class="login-btn padding-left-1em padding-right-1em" style="background-color: red; color: white;" value="no"> </div>
css
.login-btn { border: 1px solid #999999; padding: 0.15em 0.75em; color: #012258; // overridden no background: #15db00; // overridden no font-weight: bold; font-size: 1.2vw; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 1px 2px 0px #666; -moz-box-shadow: 0px 1px 2px 0px #666; box-shadow: 0px 1px 2px 0px #666; font-family: ftr55; }
problem: text no more bold text yes. have no idea why happens ?
p.s: padding , margin classes padding , margins nothing else.
Comments
Post a Comment