Ruby on rails 在基础5轨应用程序中无法改变原色 我创建了一个新的Rails 4应用程序,带有基础5(通过基础Rails GEM)。现在我要改变一些风格

Ruby on rails 在基础5轨应用程序中无法改变原色 我创建了一个新的Rails 4应用程序,带有基础5(通过基础Rails GEM)。现在我要改变一些风格,ruby-on-rails,sass,zurb-foundation,Ruby On Rails,Sass,Zurb Foundation,如果我通过启用和更改行来更改foundation_和_overrides.scss内页面的主颜色: $primary-color: #0f6f5f; 结果是,所有的链接都在使用新的颜色,但是按钮仍然使用旧的基础蓝色作为背景。 挖掘到基础SCS,我可以看到一个按钮的默认背景颜色是$原色,为什么它不改变它的颜色?< /P> ,可能有2种可能发生在你身上的原因: 首先,您可能在某个地方设置了默认按钮颜色,它会覆盖您设置的$primary color。检查按钮以查看颜色是否被覆盖 第二,在为按钮定义

如果我通过启用和更改行来更改
foundation_和_overrides.scss
内页面的主颜色:

$primary-color: #0f6f5f;
结果是,所有的链接都在使用新的颜色,但是按钮仍然使用旧的基础蓝色作为背景。 挖掘到基础SCS,我可以看到一个按钮的默认背景颜色是$原色,为什么它不改变它的颜色?< /P> <如何使用基础5更改所有按钮的默认背景,而不使用像

之类的东西。
.button {
    background-color: #0f6f5f !important;
}
这有两个缺点:

  • 它还更改其他类(如.secondary)按钮的背景色
  • 如果基金会不允许我更改原色,我就必须将这种样式应用到许多其他元素/类,我现在还不知道。
更新:我发现这也适用于其他元素。改变

$body-font-family: "Courier New", "Courier", monospace;
将更改正文中简单文本的字体,但不会更改按钮、表单等的字体,即使这些字体族定义如下

$button-font-family: $body-font-family;

内部基础。


所以我的逻辑一定是完全错误的。如何定制Abess Rails应用程序??

< P>,可能有2种可能发生在你身上的原因:

  • 首先,您可能在某个地方设置了默认按钮颜色,它会覆盖您设置的
    $primary color
    。检查按钮以查看颜色是否被覆盖

  • 第二,在为按钮定义样式的文件中,如果第一行为具有自定义设置的文件
    $primary color


例如,在我的项目中,所有默认设置都在
\u global.scss
文件中,所有自定义设置都在
\u settings.scss
文件中。因此,如果我想更改任何元素的设置,我必须导入具有自定义设置的文件。希望它对您有用。

您确定Sass代码正确吗?您的颜色声明中缺少#。抱歉,这是一个错误,不是从实际代码中复制的!不管怎么说,这一点很好——我在帖子中修正了它。如前所述,它确实会改变链接等的颜色,但不会改变按钮背景的颜色。