スタイルペーパースライダー編集可能な入力

Question

paper-sliderの編集可能なテキストにカスタマイズされたスタイルを追加しようとしています。私は

<paper-slider value="0" id="myslider" editable></paper-slider> 

CSS

#myslider{ 
    --paper-slider-input: { 
     position:absolute; 
     top: 50px; 
     width: 100px; 
     ... 
    } 
} 

しかし、どのように、私は実際テキストのスタイルを設定することができますすることによって、この入力のボックスのスタイルを設定することができます知っていますか？

私が働いていない

#myslider{ 
    --paper-slider-input: { 
     position:absolute; 
     top: 50px; 
     width: 100px; 
     --paper-input-container-input: { 
      font-size: 20px; 
      color: red; 
     } 
    } 
} 

を試してみました。また、テキスト番号の後に％（パーセント記号）を表示する場合、どうすればよいですか？

私はthis postを参考にしていますが、テキストの後に矢印を隠そうとした方法は私のものでは機能しませんでした。だから、矢印を隠す正しい方法は何ですか？

私は実際にスタイリングについて3つの質問をしました。それらのうちの1つまたは複数のいずれかの回答が役立ちます。ありがとうございました！

Answer 1

残念ながら、私はどのように、どのようにスタイルを認識していません。ソースコードを見ると、に適用される唯一のクラス.slider-inputを見ることができ、どのミックスインもサポートしていません。

多分、mixinをカスタム要素の中に伝播する方法があります。

おそらく、私はあまりそれについては、deepセレクタを使用することです。しかし、どこかが非難されているのを見ました。

あなたのパーセンテージについては、私は同じことしか言えません。接頭辞または接尾辞をサポートしていません。もう一度、あなたはソースコードを見ることができ、<paper-input>定義の中にそのようなものはslotはありません。もちろん、編集ソースコードはこれらの問題をすべて解決するでしょうが、開発者が何もしなかった理由がありますそれはしない。