стиль наложения на накладной стиль не применяется

Question

У меня есть пользовательский элемент, который имеет дочерний элемент с наложением железа (внутри диалогового окна с бумагой). Я пытаюсь увеличить время затухания (что я могу сделать, если я могу отредактировать css в chrome). Когда я пытаюсь применить изменения к стилю -iron-overlay-backdrop, изменения не применяются в дочернем элементе. Что у меня есть:

<style> 
:host { 
    --iron-overlay-backdrop: {transition: opacity 5s;}; 
} 
</style> 

Я также пытался что-то проще с --iron-оверлей-фоне-непрозрачности: 0.8, который не работает. По какой-то причине стиль не применяется. Кто-нибудь знает, что я делаю неправильно, или как я могу получить желаемое поведение более длительного времени перехода?

Answer 1

Обычай свойство для наложения фона является: --iron-оверлей-фоне-непрозрачностью вы можете установить непрозрачность хозяина, и это переход этот путь

:host{ 
opacity: var(--iron-overlay-backdrop-opacity, 0.8); 
    transition: opacity 5s; 
}