css - 更改 css polymer 元素

Question

我正在使用 paper-input 并且我有一个带有错误消息的模式

<paper-input label="Horas" name="hours" auto-validate required pattern="([0]:[0-5][0-9])|([1-9]|[1][0-9]|2[0-3])(:[0-5][0-9])?" error-message="Formato de las horas inválido"></paper-input>

当您在 paper-input 中写入并且小时不正确时，将显示错误消息。此错误消息默认为红色，此错误消息由 paper-input-container/error 使用并为红色。

我想改变 paper-input 的这种颜色，如果我改变元素的 html 它会起作用，但我想在其他 css 中使用 CSS 样式，例如 custom-style-paper-input-error.html 和 custom-style-paper-input-container.html。

我想用我的 css-custom 覆盖 paper-input 的 css。

Answer 1

在你的 custom-style-paper-input-error.html 中，添加一个 style[is=custom-style] 元素并在里面写下这个

:root {
  --paper-input-container-invalid-color: violet;
}

如果您希望它应用于所有纸张输入。否则，您可以使用 shared-styles .