动态更改纸张输入错误的颜色

时间:2018-07-18 17:48:24

标签: css polymer polymer-1.0

我有一个纸输入元素,当输入为空时会显示红色,以表示发生了错误,但是当用户输入无效的字符串以使其看起来像警告时,我希望该元素为橙色。

我知道我可以使用这样的预定义属性来更改颜色:

Constant 'CustomControlObj' used before being initialized

但是此着色将应用于任何错误/无效状态。

有没有一种方法可以根据错误类型动态更改此颜色?

2 个答案:

答案 0 :(得分:0)

我找到了一种使用Polymer的updateStyles函数的方法:

Polymer.updateStyles({'--paper-input-container-invalid-color': 'new_color'});

答案 1 :(得分:0)

您可以创建一个自定义CSS类,然后使用this.$.myInput.classList.add('error')来应用它。

或者在这种情况下(聚合物1.0):Polymer 1.0 - Binding css classes