Переопределяющий полимерный элемент css

Question

Я хочу настроить существующий полимерный элемент spinner-backdrop , переопределив его атрибут css-индекса z.

Все попытки настройки извне провалились.

Поскольку атрибут z-index не выставлен для внешней настройки.

Я использую этот компонент, завернутый в приложение Angular2.

Должен ли я создать новый полимерный элемент, который расширяет этот элемент?

Есть ли более прямой маршрут, потому что я никогда не разрабатывал полимерный элемент.

Answer 1

В настоящее время 1.0.0 выпуск <spinner-backdrop> не имеет свойства CSS/mixin для установки z-index, но недавно добавлен и добавлен --spinner-backdrop-overlay mixin. Вы были бы в состоянии использовать подмешать установить z-index так:

<style is="custom-style"> 
    spinner-backdrop { 
    --spinner-backdrop-overlay: { 
     z-index: 0; 
    }; 
    } 
</style> 

<spinner-backdrop> Если внутри элемента Polymer (<dom-module>), ваш <style> не нужно is="custom-style". В противном случае необходимо правильно применить mixin.

demo (in <dom-module>)

demo (in index.html)