Question

I have a relatively vanilla Rails application with the bootstrap-sass gem providing Twitter Bootstrap awesomeness.

Problem is with my buttons. I’m getting blue text and underlined text on hover and not sure why or how to get rid of it. I’m wondering if it’s because these are link tags and not submit tags?!? Regardless, how to make them appear as true buttons?

I’ve removed everything from my stylesheets except @import "bootstrap";

They should appear like this.

Any ideas? Here’s the view code but it buttons appear the same way in other views…grouped and on their own.

%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

Buttons with the class btn in bootstrap do not use text-decoration: underline. This might be an issue if you aren’t including the reset.css thats included in bootstrap which is now really a browser normalize then a reset. But I believe the un-styling of basic anchor tags is being done there.