我有一个纸输入元素,当输入为空时会显示红色,以表示发生了错误,但是当用户输入无效的字符串以使其看起来像警告时,我希望该元素为橙色。
我知道我可以使用这样的预定义属性来更改颜色:
Constant 'CustomControlObj' used before being initialized
但是此着色将应用于任何错误/无效状态。
有没有一种方法可以根据错误类型动态更改此颜色?
答案 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