Применить селектор CSS псевдоэлемента внутри теневого DOM

У меня есть Polymer 2 paper-input, который содержит дату:

<paper-input type="date"></paper-input>

Когда это отображает фактический <input> внутри теневого DOM для элемента управления.

Я хочу использовать селектор псевдоэлементов ::-webkit-inner-spin-button для стилизации кнопок счетчика в Chrome.

В Polymer 1/Shadow DOM v0 я мог использовать /deep/ или ::shadow для создания правила стиля для них, но они устарели в Polymer 2/Shadow DOM v1.

Как применить стиль к псевдоэлементу внутри теневого DOM <paper-input>?


google-chrome polymer shadow-dom pseudo-element polymer-2.x
person Keith    schedule 06.07.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете использовать --paper-input-container-input-webkit-spinner пользовательский миксин css взгляните на это< /а>.

Например, скрыть счетчик:

paper-input[type=date] {
    --paper-input-container-input-webkit-spinner: {
        -webkit-appearance: none;
    }
}
person Pascal L.    schedule 06.07.2017