css - zurb foundation components

¿Cuál es la forma correcta de anular un: visitado con Rails 3 y Foundation 4?

Question

Estoy trabajando en un nuevo proyecto de Rails usando Foundation 4. Convertí un enlace en un botón usando las clases de Foundation:

<%= link_to ''New Item'', new_item_path, :class => "small button round" %>

El botón apareció, luciendo como lo pretendía:

Sin embargo, una vez que visité el enlace, se veía así:

No muy bien.

Miré a través del CSS y encontré que el color del enlace visitado se está configurando en scaffolds.css.scss:

a {
  color: #000;
  &:visited {
    color: #666;
  }
  &:hover {
    color: #fff;
    background-color: #000;
  }
}

¿Cómo cancelo correctamente este cambio de color en mi enlace? Sé que puedo borrar la sección &:visited , pero parece demasiado fuerza bruta. Me imagino que tiene que haber una manera más elegante, pero mi conocimiento de CSS / SCSS / Foundation es demasiado delgado.

Answer 1

No hay forma de eliminar el pseudo-selector visitado, ya que es agregado por el navegador del usuario después de que usted sirve la página. Si desea anular el cambio de color para todos los enlaces, elimine el &: visited. Si solo desea anularlo para botones, agregue:

a.button {
  &:visited {
    color: #fff !important;
  }
}

Esto cambiará el color del enlace visitado solo para la clase de botón.

Answer 2

Elimine su scaffold.css.scss si es generado simplemente por el comando rails g scaffold . Probablemente sea redundante al usar zurb-foundation y puede romper algunas otras cosas más.