Rieles: Twitter Bootstrap Los botones cuando se visitan obtienen color de texto negro

Tengo una aplicación Rails 3.2 usando Twitter Bootstrap a través de la gema 'twitter-bootstrap-rails'. Además las formas se crean con el SimpleForm joya para un número de las páginas que he usado los botones de twitter a través de la formaRieles: Twitter Bootstrap Los botones cuando se visitan obtienen color de texto negro

<%= link_to "Back", :back, :class => 'btn btn-warning'%> 
<%= form.button :submit, :class => 'btn btn-primary' %>

Los botones se prestan bien. La cuestión es que después de seleccionar uno de los botones, que visita el enlace, al volver a la página de texto se ha quedado atascado en la versión en gris como se muestra a continuación para el botón 'volver':

twitter buttons

Esto causa un problema, especialmente en los botones diseñados con 'btn-primary' ya que el texto es difícil de leer. Un ejemplo de esto es el siguiente:

edit button

Se pregunta qué configuración debe cambiar y dónde. Esperé que debería estar en el archivo bootstrap_and_overrides.css.less, pero no estoy seguro de qué configuración probar. Las pruebas en @linkColorHover no funcionaron.

¿Alguna idea?

Fuente

2012-05-31 Grant Sayer

tal vez usted tiene css adicional en su aplicación. tuvo el mismo problema con los elementos/stylesheets/scaffolds.css.scss generados automáticamente de scaffolding. – tonymarschall

Tengo un montón de archivos SASS css generados, pero solo tienen comentarios en ellos. ¿Tenía variables en las hojas de estilo que había generado a través de un andamio? –

Siempre se puede labrar las a.btn artículos, para eliminar las decoraciones en las clases seudo como :visited

Fuente

2012-05-31 08:25:28 ksol

Esta fue la solución para anular y eliminar las pseudo clases según lo sugerido. Entonces, en el archivo app/assets/stylesheets/bootstrap_and_overrides.css.less simplemente agregué: –

@GrantSayer agregó qué? – KingPong

FWIW, tuve este problema y solo necesité quitar el 'scaffolds.css.scss' que el generador de andamios de Rails había agregado. http://stackoverflow.com/questions/10507777/twitter-bootstrap-displays-button-with-greyed-text – KingPong

Debe usar Firebug o las Herramientas para desarrolladores de Chrome para descubrir qué propiedad de CSS debe sobrescribir en bootstrap_and_overrides.css.less.

Es difícil de ver mirando imágenes.

Fuente

2012-05-31 08:24:34 Agis

Gracias - Intenté con lo que me da la clase a.btn.btn-primary. No estoy seguro de qué hacer a continuación y estaba tratando de utilizar las variables LESS como una forma de administrarlo. –

Darnos un enlace para ver el problema en vivo ayudaría. – Agis

El problema es que es un sitio interno, pero veré si puedo extraer un fragmento y publicar una aplicación pequeña en el sitio público –

Como alternativa se puede utilizar en lugar de button_tolink_to en sus plantillas.

Dado que esto crea una nueva forma, si desea simular el comportamiento del enlace, debe utilizar el parámetro :method => :get. Puede encontrar más información here.

Fuente

2012-09-07 14:26:29 tasos

La mejor solución que encontré para este problema es eliminar scaffolds.css.scss en el directorio app/assets/stylesheets según lo sugerido por @tonymarschall más arriba en los comentarios.

Fuente

2013-06-17 07:43:11

Tipo de una combinación de algunas de las respuestas, sino simplemente reemplazar:

color: #666;

Con:

color: white;

En scaffolds.css.scss

Fuente

2013-11-13 23:44:44 Rob

Rieles: Twitter Bootstrap Los botones cuando se visitan obtienen color de texto negro

Respuesta

Cuestiones relacionadas