物化芯片-自动完成输入颜色没有改变

【问题标题】：materialize chips-autocomplete input color doesn't changed物化芯片-自动完成输入颜色没有改变
【发布时间】：2017-12-11 19:45:26
【问题描述】：

我正在使用 materializecss gem 开发一个 Rails 应用程序。

这是我的一些代码 application.scss：（我添加了颜色）

@import "materialize/components/color";  
$primary-color: color("blue-grey", "base") !default;    
$secondary-color: color("brown", "base") !default;    
@import "materialize";

标记：

<div class="input-field">
    <%= f.text_field :title %>
    <%= f.label :title %>
</div>

<div class="chips chips-autocomplete"></div>

（我确实在脚本中初始化了芯片自动完成）所以我有两个输入标签，但我遇到了一些问题

div(input-field) 颜色变为棕色。但是 div(chipschips-autocomplete) 颜色没有改变。（如果我选择芯片，芯片的颜色也不会改变）

我做错了什么？

【问题讨论】：

标签： ruby-on-rails autocomplete materialize

【解决方案1】：

2k17，我知道，但我刚刚得到了同样的问题，所以也许其他人可以来这里并回答可能会有用。

你做对了，但是 _variables.sass 不处理 $primary 和 $secondary 颜色变量。

边框和选择的芯片颜色是硬编码在文件中的，你可以在这里查看。

https://github.com/Dogfalo/materialize/blob/v1-dev/sass/components/_variables.scss#L130

由于该库似乎已死，您可以将其分叉并修复它以替换

$chip-selected-color: #26a69a !default;

由

$chip-selected-color: $secondary-color !default;

或者，如果您不想更改具体化文件，请像这样覆盖 global.css 中的颜色：

.input-field .chips.focus {
  border-bottom: 1px solid #407ec9;
  box-shadow: 0 1px 0 0 #407ec9;
}
.input-field .chip:focus {
  background-color: #407ec9;
}

【讨论】：