如何从一个元素中排除实体化样式

Question

我在项目中使用Materialize，但我不想在特定的select元素上使用它：

<select>            
    <option value="Male">m</option>            
    <option value="Female">f</option>
</select>

我认为解决此问题的唯一方法是制作自己的样式并将其应用于元素，但是由于Materialize是新的，也许有一个更简单的解决方案。

顺便说一下，我正在使用Symfony3，除了ChoiceType之外，使用Materialize使得type.php文件中添加的每个组件都非常出色。这就是为什么我要排除select元素的Materialize样式的原因。这是代码：

$opcionesLibreDeTalco = array(
    'label'   => 'Libre de talco',
    'choices' => array(
        'm' => 'Male',
        'f' => 'Female'
    )
);

Answer 1

您现在可以添加browser-default类来撤消 Materializecss 的效果。

因为我们覆盖了许多默认的浏览器样式和元素，所以我们提供了.browser-default将这些元素恢复到原始状态的类。

https://materializecss.com/helpers.html#browser-default

Answer 2

从 Materialise 0.97.7 开始，无法排除某个元素，因为它们的 CSS 选择器非常广泛，没有排除项。

例如，他们的 scss 看起来像：

选择 {
  背景颜色：$选择背景；
  宽度：100%；
  填充：$select-padding；
  边框：$选择边框；
  边框半径：$select-radius；
  高度：$输入高度；
}

您只需手动覆盖 Materialise 的样式即可。