Question

我为此疯狂。使用bootstrap for rails + less-rails gem和一些样式在开发和生产方面完全不同。

示例：

样式在悬停事件中确实有黑色背景颜色。我已经通过

覆盖了a：悬停风格

background-color: none !important;

但它仍然在悬停事件中显示这个奇怪的黑色背景。通过Chrome检查元素甚至不显示此CSS样式！那么它来自哪里？

此外，字体不同（dev vs live）和其他小事。另一方面，按钮和大多数主要元素（井，铅等）工作正常。

这种差异来自何处？如何使dev与live相同的CSS外观？

我在heroku btw上部署我的应用程序。

感谢您的帮助。

Answer 1

我认为你在你的应用程序中使用其他样式，类似于生成器的脚手架，脚手架将生成脚手架css。我使用脚手架，我的应用程序上有scaffold.css.scss，这是scaffold.css.scss

上的链接样式

a {
  color: #000;
  &:visited {
    color: #666;
  }
  &:hover {
    color: #fff;
    background-color: #000;
  }
}

您应该删除链接样式，否则您可以删除应用程序上的脚手架样式，如果不适合的话。

默认情况下，Twitter引导程序没有带黑色背景的样式链接。

如果你的应用程序没有其他样式并且只使用twitter bootstrap，你应该找到导致问题的链接样式