Polymer 样式纸滑块可编辑输入

Polymer 样式纸滑块可编辑输入,polymer,web-component,Polymer,Web Component,我正在尝试向纸张滑块中的可编辑文本添加一些自定义样式。我知道我可以通过 <paper-slider value="0" id="myslider" editable></paper-slider> 但是如何设置实际的文本的样式呢 我试过了 #myslider{ --paper-slider-input: { position:absolute; top: 50px; width: 100px; --

我正在尝试向
纸张滑块中的可编辑文本添加一些自定义样式。我知道我可以通过

<paper-slider value="0" id="myslider" editable></paper-slider>
但是如何设置实际的文本的样式呢

我试过了

#myslider{
    --paper-slider-input: {
        position:absolute;
        top: 50px;
        width: 100px;
        --paper-input-container-input: {
            font-size: 20px;
            color: red;
        }
    }
}
这是行不通的。另外,如果我想在文本编号后显示%(百分比标记),我应该怎么做

我找到了作为参考,但他们试图隐藏文字后的箭头的方式对我没有作用。那么,隐藏箭头的正确方法是什么


我确实问了三个关于造型的问题。任何一个或多个答案都会有帮助。谢谢大家!

不幸的是,我不知道如何设置
纸张输入的样式。如果查看源代码,可以看到类
.slider input
,它是唯一应用于
纸张输入的类,并且不支持任何混合

也许,有一些方法可以在自定义元素中传播一些mixin,并且更深入

也许,我对此不太了解,就是使用
deep
选择器。但我看到有个地方它被弃用了


关于你的百分比,我只能说是一样的。。它不支持前缀或后缀。同样,您可以查看源代码,您将看到,在
定义中,没有
用于此类内容。。当然,编辑源代码可以解决所有这些问题,但开发人员没有这样做肯定有一定的原因。

我感谢您的见解<代码>深度
选择器已弃用。我找到了一种解决方法,将slider值的数据绑定到其他div进行操作。但还是要谢谢你。
#myslider{
    --paper-slider-input: {
        position:absolute;
        top: 50px;
        width: 100px;
        --paper-input-container-input: {
            font-size: 20px;
            color: red;
        }
    }
}