Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/59.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 有人强调,;我的启动按钮中的彩色遗迹_Ruby On Rails_Ruby On Rails 3_Css_Button_Twitter Bootstrap - Fatal编程技术网

Ruby on rails 有人强调,;我的启动按钮中的彩色遗迹

Ruby on rails 有人强调,;我的启动按钮中的彩色遗迹,ruby-on-rails,ruby-on-rails-3,css,button,twitter-bootstrap,Ruby On Rails,Ruby On Rails 3,Css,Button,Twitter Bootstrap,我有一个相对普通的Rails应用程序,gem提供了Twitter引导功能 问题是我的按钮。我得到蓝色文本和下划线文本悬停,不知道为什么或如何摆脱它。我想知道是不是因为这些是链接标签而不是提交标签?!?无论如何,如何使它们显示为真正的按钮 我已经从样式表中删除了所有内容,除了@import“bootstrap” 他们 有什么想法吗?这是视图代码,但它的按钮在其他视图中的显示方式相同…分组并单独显示 %table.table.table-hover %thead %tr %

我有一个相对普通的Rails应用程序,gem提供了Twitter引导功能

问题是我的按钮。我得到蓝色文本和下划线文本悬停,不知道为什么或如何摆脱它。我想知道是不是因为这些是链接标签而不是提交标签?!?无论如何,如何使它们显示为真正的按钮

我已经从样式表中删除了所有内容,除了
@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?' }

我猜这与引导式sass宝石有关。我从来没有使用过这个,但我使用过引导rails(使用更少)


您当然可以在任何css/sass文件中的选择器上使用:active或:hover覆盖活动和/或悬停状态,该文件在引导后进行计算。

您是否考虑过使用按钮\u

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

参考,(按钮语法)

引导中带有btn类的按钮不使用
文本装饰:下划线
。这可能是一个问题,如果你不包括reset.css,它包含在引导中,现在是一个真正的浏览器规范化,然后重置。但是我相信基本锚标记的非样式化正在那里进行。

我认为您仍然拥有scaffold comand生成的scaffold.css。

我不知道解决方案,但我建议您使用Firefox或Chrome中的Inspect元素来查找您的问题

是的,这就是我的想法,也是我困惑的原因。我唯一的css指令是
@import“bootstrap”。从中我们可以看到应该包括
reset.css
。那么,这些下划线来自哪里?是因为这些按钮实际上是
href
s吗?使用浏览器web检查器时,您会看到什么?(Chrome、Safari、Firebug)。它应该为您提供所有CSS属性以及它们的设置位置。这样应该很容易找到。如果下划线来自browser useragent,那么它在bootstrap中没有按照预期进行规范化。我怀疑这是
bootstrap sass的v2.1.0中的一个bug(假设它不是正常行为?!?)。他们的
.btn
类没有覆盖
a
颜色
a:hover
文本装饰
。你可以@Meltemi,你应该在reset.css中看到
a{color:#0088cc;文本装饰:无;}a:hover{color:#005580;文本装饰:下划线;}
文本装饰:无for.btn:hover听起来很像,我刚刚检查了github上的引导程序,它肯定在buttons.less中。听起来sass gem转换跳过了一些东西。