如何从 zurb 基础文本字段中删除边距

Question

Zurb Foundation 的文本字段有一个 1em 底部边距，我想删除它。

我在 zurb foundation documents. 中找不到自定义 scss

我正在使用!important 选项覆盖样式表。 但如果可能的话，我不想使用它。

有没有更好的方法从基础表单文本字段中删除边距？ 我在 Rails 项目中使用基础。

Answer 1

您可以在不使用 !important 选项的情况下覆盖样式。

如果有多个相互矛盾的 CSS 文件，那么无论哪个被称为 LAST 都会覆盖前一个。

例如，如果您在 CSS 文件中添加以下样式并将其包含在 docs.css 之后，那么它将获得最高优先级。

看看JS Fiddle

input[type="text"]{
    margin: 0;
}

Answer 2

如果你想使用 SCSS 方法你想改变 $form-spacing 的值；

Forms | Foundation for Sites 6 docs

$form-spacing: rem-calc(16);