0

我有一个相对普通的 Rails 应用程序，它带有bootstrap-sass gem，它提供了Twitter Bootstrap的强大功能。

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

在此处输入图像描述

我已经从我的样式表中删除了所有内容，除了@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 文件中的选择器上使用 :active 或 :hover 覆盖活动和/或悬停状态。

于 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

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

于 2012-09-19T03:31:54.023 回答
-1

您是否考虑过使用 button_to？

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

参考，（按钮语法）Button_to 使用 POST Link_to 使用 GET，为什么？罗尔

于 2012-09-19T03:13:37.543 回答