Szyny: Przyciski Bootstrap na Twitterze po odwiedzeniu uzyskują czarny kolor tekstu

Mam aplikację szynową 3.2 za pomocą Twittera Bootstrapa za pośrednictwem klejnotu "twitter-bootstrap-rails". Ponadto formularze są tworzone z SimpleForm gem dla wielu stronach Użyłem przyciski twitter na formularzu poprzezSzyny: Przyciski Bootstrap na Twitterze po odwiedzeniu uzyskują czarny kolor tekstu

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

Przyciski są renderowane w porządku. Kwestia jest taka, że po wybraniu jednego z przycisków, które odwiedza odnośnik, po powrocie do strony tekst jest zatrzymany na wyszarzone wersji, jak pokazano poniżej przycisku „powrotem”:

twitter buttons

Powoduje to problem, szczególnie w przypadku przycisków oznaczonych "btn-primary", ponieważ tekst jest trudny do odczytania. Przykładem tego jest poniżej:

edit button

Zastanawiasz się, co trzeba zmienić ustawienie i gdzie. Oczekiwalem, ze powinien byc w pliku bootstrap_and_overrides.css.less, ale nie wiem, jakie ustawienie nalezy wypróbowac. Testy na @ linkColorHover nie działały.

Jakieś myśli?

Źródło

2012-05-31 Grant Sayer

Może masz dodatkowe CSS Twoje zgłoszenie. miał podobny problem z automatycznym generowaniem zasobów/stylesheets/scaffolds.css.scss z rusztowania. – tonymarschall

Mam kilka wygenerowanych plików CSS SASS, ale mają tylko komentarze w nich. Czy masz zmienne w arkuszach stylów, które zostały wygenerowane przez rusztowanie? –

Można zawsze styl z a.btn przedmioty, aby usunąć dekoracje na pseudo klas takich jak :visited

Źródło

2012-05-31 08:25:28 ksol

To było rozwiązanie polegające na zastąpieniu i usunięciu pseudoklas w sugerowany sposób. Tak więc w pliku app/assets/stylesheets/bootstrap_and_overrides.css.less po prostu dodałem: –

@GrantSayer dodał co? – KingPong

FWIW, Miałem ten problem i po prostu potrzebowałem usunąć 'scaffolds.css.scss', który dodał generator rusztowań Railsowych. http://stackoverflow.com/questions/10507777/twitter-bootstrap-displays-button-with-greyed-text – KingPong

Powinieneś użyć narzędzia Firebug lub Chrome dla programistów, aby dowiedzieć się, która własność CSS musisz zastąpić w bootstrap_and_overrides.css.less.

Trudno powiedzieć, patrząc na obrazy.

Źródło

2012-05-31 08:24:34 Agis

Dzięki - próbowałem tego, co daje mi klasę a.btn.btn-primary. Nie wiem, co dalej z tym zrobić i starał się wykorzystać zmienne LESS jako sposób zarządzania nim. –

Podanie linku, aby zobaczyć problem na żywo, pomogłoby. – Agis

Problem polega na tym, że jest to witryna wewnętrzna - ale zobaczę, czy mogę wyodrębnić fragment i opublikować małą aplikację na publicznej stronie. –

Jako alternatywę można wykorzystać button_to zamiast link_to w szablonach.

Ponieważ tworzy to nowy formularz, jeśli chcesz symulować zachowanie łącza, musisz użyć parametru :method => :get. Możesz znaleźć więcej informacji here.

Źródło

2012-09-07 14:26:29 tasos

Najlepszym rozwiązaniem dla tego problemu jest usunięcie scaffolds.css.scss z katalogu app/assets/stylesheets, zgodnie z sugestią podaną powyżej w komentarzach pod numerem @tonymarschall.

Źródło

2013-06-17 07:43:11

Rodzaju z kombinacji kilku odpowiedzi, ale po prostu wymienić:

color: #666;

color: white;

W scaffolds.css.scss

Źródło

2013-11-13 23:44:44 Rob

Szyny: Przyciski Bootstrap na Twitterze po odwiedzeniu uzyskują czarny kolor tekstu

Odpowiedz

Powiązane problemy