This is my html flow:
<div class="container">
<button class="action">Send</button>
<input type="submit" class="action" />
<a href="" class="action more-link">More</a>
</div>
css:
body{
font-family:arial;
color:#444;
}
a{
color:#2C7EC7;
text-decoration:none;
}
.container{
width:900px;
padding:15px;
margin:0 auto;
}
.action{
margin:0 15px;
padding:5px 10px;
border:0 none;
outline:none;
color:#FFFFFF;
font-size:14px;
background:#5F5F5F;
}
a.more-link{
padding:0;
background:none;
color:inherit;
}
the more-link not taking the color of default anchor tag which am using in my theme. or what should i do to set the default anchor color to any other classes which is set to be in anchor tag.