樣式紙張滑塊可編輯輸入

我正在嘗試將一些自定義樣式添加到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作爲參考，但他們嘗試隱藏文本後的方式不適用於我的方式。那麼隱藏箭頭的正確方法是什麼？

我確實問過關於造型的三個問題。任何一個或多個答案都會有所幫助。謝謝！

來源

2017-06-05 tic30

不幸的是，我不知道任何方式，如何風格paper-input。如果您查看源代碼，您可以看到類.slider-input，它是唯一適用於paper-input的類，它不支持任何mixin。

也許，如何在自定義元素內部傳播一些mixin和更深層的方法。

也許，我沒有太多關於它，是使用deep選擇器。但是我發現它已經被棄用了。

關於你的百分比，我可以說只有相同的..它不支持前綴或後綴。再次，你可以看看源代碼，你會看到，在<paper-input>定義中，並沒有slot這樣的東西。當然，編輯源代碼可以解決所有這些問題，但是開發人員不應該有一些原因不這樣做。

來源

2017-06-06 09:33:18

我很感謝你的見解。「深」選擇器已被棄用。我找到了一種解決方法，通過綁定滑塊的值與其他一些div進行操作。但是，謝謝。 – tic30

樣式紙張滑塊可編輯輸入

回答

相關問題