样式纸张滑块可编辑输入

Question

我正在尝试为try{}catch{}中的可修改文字添加一些自定义样式。我知道我可以通过

设置此输入的方框

paper-slider

CSS

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

但是如何设置实际的文字？

我试过

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

这不起作用。另外，如果我想在文本编号后面显示％（百分号），我该怎么办？

我发现this post作为参考，但他们试图隐藏文字后的方式对我的方式不起作用。那么隐藏箭头的正确方法是什么？

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

Answer 1

不幸的是，我不知道如何设置paper-input的样式。如果您查看源代码，可以看到类.slider-input，这是唯一应用于paper-input的类，它不支持任何mixins。

也许，有一些方法可以在自定义元素内部和更深层次传播一些mixin。

也许，我对此并不多，就是使用deep选择器。但我看到某个地方已被弃用了。

关于你的百分比，我只能说相同..它不支持前缀或后缀。同样，您可以查看源代码，您会看到，在<paper-input>内部定义中，没有slot这样的东西。当然，编辑源代码可以解决所有这些问题，但那里必须是开发人员不这样做的原因。