css - Unwanted Boldness in input - HTML -


i have buttons "yes" , "no" shown in below images

enter image description here

enter image description here

enter image description here

enter image description here

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

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -