Question

我有一个相对普通的Rails应用程序，bootstrap-sass gem提供 Twitter Bootstrap 非常棒。

问题出在我的按钮上。我在悬停时得到蓝色文字和带下划线的文字，不知道为什么或如何摆脱它。我想知道是不是因为这些是链接标签而不是提交标签？！？无论如何，如何使它们显示为真正的按钮？

enter image description here

除了@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?' }

Answer 1

我猜它与bootstrap-sass宝石有关。我从未使用过那个，但是我使用了bootstrap-rails（使用较少的）。

您当然可以使用以下命令覆盖活动和/或悬停状态：active或：悬停在任何在bootstrap后评估的css / sass文件中的选择器上。

Answer 2

我不知道解决方案，但我建议您在Firefox或Chrome中使用Inspect Elements来查找问题！

Answer 3

引导程序中类btn的按钮不使用text-decoration: underline。如果您不包括bootstrap中包含的reset.css，这可能是一个问题，现在它实际上是一个浏览器规范化然后重置。但我相信基本的锚标签的非造型正在那里完成。

Answer 4

我认为你仍然拥有脚手架命令生成的scaffold.css。

Answer 5

你考虑过使用button_to吗？

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

参考，（按钮语法）Button_to uses POST Link_to uses GET, why? ROR

一些下划线＆amp;我的自举按钮中的彩色文物

5 个答案: