Search code examples
csszurb-foundationzurb-foundation-6

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>

CSS/ LESS:

.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?

Solution

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