laukok laukok - 3 years ago 261
CSS Question

Zurb foundation - remove the background colour from buttons?

How do I remove the background colour from buttons in Zurb Foundation?

<button class="button button-arrow">Button <i class="icon-arrow-right">&rarr;</i></button>


.button-arrow {
background-color: none;
color: black;
font-size: @text-font-size;
text-decoration: underline;
padding-left: 0;
padding-top: 0;
padding-bottom: 0;

&:hover {
background-color: none;
color: @colour-dark;

Does not work obviously. Any ideas?

Answer Source

change it to : initial, this is the default value of the background-color property

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download