Zurb Foundation - удалить цвет фона с кнопок?

Как удалить цвет фона с кнопок в Zurb Foundation?

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

CSS/МЕНЬШЕ:

.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;
    }
}

Не работает явно. Любые идеи?


css zurb-foundation zurb-foundation-6
person laukok    schedule 03.10.2017    source источник

Ответы (2)


arrow_upward
1
arrow_downward

измените его на: initial, это значение свойства background-color по умолчанию.

person MultiDutch    schedule 03.10.2017

arrow_upward
0
arrow_downward

Вам нужно обновить класс .button:

.button {
   background-color: transparent;
}

Убедитесь, что ваши переопределения Foundation находятся в таблице стилей, загруженной ПОСЛЕ загрузки стилей Foundation, чтобы вы могли использовать специфичность для их переопределения.

В документации Foundation также говорится об использовании SASS для редактирования переменных по умолчанию, управляющих стилями кнопок :

Стили этого компонента по умолчанию можно настроить с помощью этих переменных Sass в файле настроек вашего проекта.

$кнопка-фон

person Nathaniel Flick    schedule 03.10.2017