0

也许我不明白如何在 sass 中使用 mixin，或者如何使用 bootstrap-sass (https://github.com/thomas-mcdonald/bootstrap-sass)。但是我怎样才能改变一类输入字段的盒子阴影呢？

编辑：应该澄清一下，在此示例中，我试图在选择活动输入字段时更改其发光效果。默认情况下它是蓝色的。

对于我的项目设置，我就像它在 github 页面上所说的那样，将 gem 放在 Gemfile 中，然后在控制器中我有类似的东西：

@import "bootstrap"
.testInput {
  /*(here I have put a variation of variables that I change to see 
  if I can do something with the mixin like $bordercolor: #000;*/
  @include formFieldState()
}

所以也许我对 sass 工作原理的理解还差得很远。我想如果我想更改输入的 box-shadow，我可以在我自己的 mixin 中重复代码，但这也只是一个普遍的问题，关于其他 mixin 是否也可以实现这种事情。

4

2 回答 2

0

您应该将要更改的内容放在@include 之后，而不是之前。最后一个声明在 CSS 中获胜，因此如果将它们放在 mixin 之前，则 mixin 版本将获胜。

有关CSS 优先级的高级讨论，请参见此处：http ://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/。

于 2012-12-10T22:20:08.277 回答
0

您是否查看了源代码以了解formFieldStatemixin 的作用？它住在这里： https ://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_mixins.scss#L159 。看起来这个 mixin 被设计为在某种类型的容器中使用，很可能是一个form.

没有控制默认input:focus框阴影的变量（它的声明在这里： https ://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_forms.scss#L126 ） . 您必须以老式方式覆盖它。

于 2012-12-11T01:37:19.873 回答