html - CSS Button applies to every link, how do I stop this? -
i'm trying put link website applies whole css style button link, want plain text anchor link..
the css below, sorry it's alot of code, used button generator it.. i'm new this!
a.nav { width: 80%; display: inline-block; list-style-type: none; margin-bottom: 10px; } nav ul { padding: 0; margin-bottom: 10px; display: inline-block; } a:hover { color: #900; background: #fff; } { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); filter: progid: dximagetransform.microsoft.gradient(startcolorstr='#f9f9f9', endcolorstr='#e9e9e9', gradienttype=0); background-color: #f9f9f9; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #dcdcdc; display: inline-block; cursor: pointer; color: #666666; font-family: arial; font-size: 15px; font-weight: bold; padding: 6px 24px; text-decoration: none; text-shadow: 0px 1px 0px #ffffff; } .a:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9)); background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); filter: progid: dximagetransform.microsoft.gradient(startcolorstr='#e9e9e9', endcolorstr='#f9f9f9', gradienttype=0); background-color: #e9e9e9; } .mybutton:active { position: relative; top: 1px; }
see updated answer, can change styles ".ext_link
" per need
Comments
Post a Comment