Question

是否可以更改默认的物化形式？例如，从焦点输入中删除下划线。

Answer 1

当您使用Sass时，您可以在实现css实现（http://materializecss.com/getting-started.html）之后导入新的scss文件

这可以与NPM或Bower一起使用。还有一个Rails Gem（https://github.com/mkhairi/materialize-sass）

Answer 2

覆盖CSS样式很简单：您可以创建一个自定义CSS样式表，并在之后包含实体化CSS样式表。然后，您可以找出Materialise设置的规则，并覆盖它们。

例如，输入字段下方的边框由MaterialiseCSS设置样式，如下所示：

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
}

要删除border-bottom，请在自定义CSS工作表中设置此规则：

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    border-bottom: none;
}

禁用JS功能更难，你必须更改源JS代码并删除你不喜欢的功能。

Answer 3

Materialize还允许您添加浏览器默认类，如果您想要的只是您说的简单html输入

实现 - 禁用表单样式

3 个答案: