如何覆盖 inuit.css 中的表单样式？答案

【问题标题】：How do I override form styles in inuit.css?如何覆盖 inuit.css 中的表单样式？
【发布时间】：2014-01-23 23:24:05
【问题描述】：

是否有推荐的方法来覆盖/更改 inuit.css 中的表单样式？

inuit.css/base/_forms.scss 有一个规则将标签标签设置为display: block;，这破坏了我正在使用的 CMS。当然我可以修改这个文件，或者从_inuit.scss 中删除导入，但这似乎都不是一个好方法。

在_vars.scss 中添加规则，这是覆盖默认值的推荐方法不起作用。两条规则都在编译后的 css 文件中结束，内置的优先。

【问题讨论】：

【解决方案1】：

在css/style.scss 中添加您自己的文件，如下所示：

/**
 * She’s all yours, cap’n... Begin importing your stuff here.
 */
//@import "ui/example";
@import
        "ui/base",
        "ui/forms"
;

现在你在自己的_forms.scss 中覆盖display: block;：

label {
    display: inline;
}

注意事项：

【讨论】：