Стиль paper-input Polymer 1.0

Question

Как я могу стилизовать элемент ввода-вывода, который помещается в мой файл index.html с моим файлом style.css?

Я попытался примеры, упомянутые в полимерном DOCU как:

paper-input.my-class { 
 
     --paper-input-container-color: red; 
 
     --paper-input-container-focus-color: blue; 
 
     --paper-input-container-invalid-color: green; 
 
     --paper-input-container-input-color: black; 
 
    }

<paper-input class="my-class" label="test" ></paper-input>

, но ничего не меняется!

Что не так в моем коде?

Answer 1

Ваш стиль должен быть в <style is="custom-style"> или в стиле пользовательского элемента, чтобы вы могли использовать пользовательские свойства css.

Here are the docs для получения дополнительной информации.