0

我要疯了。使用 bootstrap for rails + less-rails gem 和一些样式在开发和生产上完全不同。

例子：

样式在悬停事件上确实具有黑色背景色。我已经覆盖了 a:hover 样式

background-color: none !important;

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

此外，字体不同（开发与实时）和其他小问题。另一方面，按钮和大多数主要元素（嗯，铅等）工作正常。

这种差异从何而来，我如何使开发与生活具有相同的 CSS 外观？

顺便说一句，我将我的应用程序部署在 heroku 上。

谢谢你的帮助。

4

1 回答 1

1

我认为您在应用程序中使用了其他样式，例如生成器的脚手架，脚手架将生成脚手架 css。我正在使用脚手架，并且正在使用scaffold.css.scss我的应用程序，这是链接的样式scaffold.css.scss

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

您应该删除链接样式，或者您可以在您的应用程序上删除脚手架样式，如果您不这样做的话。

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

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

于 2013-07-23T18:04:26.947 回答