:: part () в полимере не совместима с Microsoft-Edge

Question

Я занимаюсь разработкой проекта веб-компонента на основе полимера 2.0.Я использую концепцию детали в полимере, чтобы дифференцировать различные аспекты элемента.Поскольку мне нужен другой стиль для конкретной части, я применяю стиль к этой конкретной части, используя :: part () после импорта этого файла в другие HTML-файлы.

Пример кода следующий.

<customElement>
<div part="samplePart">
demo
</div>
//other tags
</customElement>

Элемент стиля выглядит следующим образом.

customElement::part(samplePart){
//some styles
}

Этот подход прекрасно работает в Google Chrome.Но проблема в том, что когда я использую браузер Microsoft-Edge, он не читает элемент «part» и не применяет какой-либо стиль по умолчанию ко всему элементу.

Есть идеи, как этого добиться в Edge?Я не предпочитаю изменять HTML-часть, так как я импортирую этот элемент в несколько независимых файлов, которые нуждаются в разных стилях.

Answer 1

Согласно полимерному документу , я создаю образец и тестирую код, я могу воспроизвести проблему, но из официального документа и полимерных вопросов я не нахожу решение этой проблемы, я полагаю, вы можете связаться с командой полимера или опубликовать эту проблему на проблемы полимера .

В качестве обходного пути вы можете попробовать использовать следующий код для добавления стиля css для samplePart:

customElement > div[part='samplePart'] {
    width: 200px;
    height: 200px;
    background-color: antiquewhite
}