如何从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）;