css - Setting text-decoration: none but link is still underlined -
i'm deisgning simple button , don't want text link have underline. set text-decoration "none" in css below, still underlined. how can rid of that?
.button { border-style: solid; border-width: 2px; border-color: #63d3ff; background-color: #000e4d; text-align:center; display: inline-block; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; color:white; } .button { text-decoration: none; }
the html is:
<a href="#" class="button">save choice</a>
your css work links inside element class button
, this:
<span class="button"><a href="#">save choice</a></span>
but in html, link has class, in case, css should this:
a.button { text-decoration: none; }
Comments
Post a Comment