9

gem ' twitter-bootstrap-rails 'を介して Twitter Bootstrap を使用する Rails 3.2 アプリがあります。さらに、フォームはSimpleForm gem で作成されます

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

ボタンは正常にレンダリングされます。問題は、リンクにアクセスするボタンの 1 つを選択した後、ページに戻ったときに、以下に示す「戻る」ボタンのように、テキストがグレー表示されたバージョンでスタックすることです。

ツイッターボタン

これは、テキストが読みにくいため、特に 'btn-primary' でスタイル設定されたボタンで問題を引き起こします。この例を以下に示します。

編集ボタン

どの設定をどこで変更する必要があるのか​​ 疑問に思っています。bootstrap_and_overrides.css.lessファイルにあるはずだと思っていましたが、どの設定を試したらよいかわかりません。@linkColorHover のテストは機能しませんでした。

何かご意見は ？

4

5 に答える 5

5

いつでもa.btnアイテムのスタイルを設定して、次のような疑似クラスの装飾を削除できます。:visited

于 2012-05-31T08:25:28.427 に答える
3

代わりに、テンプレートbutton_toの代わりに使用できます。link_to

これにより新しいフォームが作成されるため、リンクの動作をシミュレートする場合は、パラメーターを使用する必要があり:method => :getます。詳細については、こちらをご覧ください。

于 2012-09-07T14:26:29.647 に答える
2

いくつかの回答の組み合わせのようなものですが、単に置き換えます：

color: #666;

と：

color: white;

scaffolds.css.scss 内

于 2013-11-13T23:44:44.043 に答える
0

FirebugまたはChromeの開発者ツールを使用して、bootstrap_and_overrides.css.lessでオーバーライドする必要のあるCSSプロパティを見つける必要があります。

画像を見てもわかりにくいです。

于 2012-05-31T08:24:34.047 に答える