样式纸张滑块可编辑输入

时间:2017-06-05 17:29:37

标签: polymer web-component

我正在尝试为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作为参考,但他们试图隐藏文字后的方式对我的方式不起作用。那么隐藏箭头的正确方法是什么?

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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