シャドウDOM

Question

内の擬似要素のCSSセレクタを適用する私が持っている日付を保持する高分子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では廃止予定です。

<paper-input>のシャドウDOM内の擬似要素にスタイルを適用するにはどうすればよいですか？

Answer 1

--paper-input-container-input-webkit-spinnerカスタムcss mixin have a look at thisを使用できます。例えば

、スピナーを隠す：

paper-input[type=date] { 
    --paper-input-container-input-webkit-spinner: { 
     -webkit-appearance: none; 
    } 
}