0

Twitter Bootstrapの素晴らしさを提供するbootstrap-sass gemを備えた比較的普通の Rails アプリケーションがあります。

問題はボタンにあります。ホバー時に青いテキストと下線付きのテキストが表示されますが、それを取り除く理由や方法がわかりません。これらはリンクタグであり、サブミットタグではないからでしょうか?!? とにかく、それらを真のボタンとして表示するにはどうすればよいですか?

ここに画像の説明を入力

スタイルシートからすべてを削除しました@import "bootstrap";

このように表示されるはずです。

何か案は？ビューのコードは次のとおりですが、ボタンは他のビューでも同じように表示されます...グループ化され、独自に表示されます。

%table.table.table-hover
  %thead
    %tr
      %th Title
      %th Filename
      %th

  %tbody
    - @reports.each do |report|
      %tr
        %td= report.title
        %td= report.filename
        %td
          .btn-group
            %button.btn= link_to 'Show', report
            %button.btn= link_to 'Edit', edit_report_path(report)
            %button.btn= link_to 'Destroy', report, method: :delete, data: { confirm: 'Are you sure?' }
4

5 に答える 5

1

私はそれがbootstrap-sass gemに関係していると推測しています。私はそれを使用したことはありませんが、bootstrap-rails (使用量が少ない) を使用しました。

ブートストラップ後に評価される css/sass ファイルのセレクターで、アクティブおよび/またはホバー状態を確実にオーバーライドできます。

于 2012-09-19T03:10:27.450 に答える
1

解決策はわかりませんが、Firefox または Chrome で Inspect Elements を使用して問題を見つけることをお勧めします。

于 2012-09-19T10:40:46.097 に答える
0

ブートストラップのクラスbtnのボタンは、を使用しませんtext-decoration: underline。これは、ブートストラップに含まれているreset.cssを含めていない場合に問題になる可能性があります。これは、実際にはブラウザーで正規化されてからリセットされます。しかし、基本的なアンカータグのスタイリング解除はそこで行われていると思います。

于 2012-09-19T03:18:06.620 に答える
0

scaffold コマンドが生成する scaffold.css がまだ残っていると思います。

于 2012-09-19T03:31:54.023 に答える
-1

button_to の使用を検討しましたか?

%button.btn= button_to 'Show', report, method: :get

参照、(ボタン構文) Button_to は POST を使用 Link_to は GET を使用、なぜ? ROR

于 2012-09-19T03:13:37.543 に答える