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

Popular posts from this blog

node.js - How to mock a third-party api calls in the backend -

node.js - Why do I get "SOCKS connection failed. Connection not allowed by ruleset" for some .onion sites? -

matlab - 0-by-1 sym - What do I need to change in order to get proper symbolic results? -