gpt4 book ai didi

javascript - polymer :定型纸输入

转载 作者:行者123 更新时间:2023-11-30 12:13:35 26 4
gpt4 key购买 nike

我想设置纸张输入元素的一些属性的样式。所以我尝试了:

<dom-module id="my-element">
<style>
:host {
--paper-input-container-label: #fff;
--paper-input-container-label-focus: #fff;
}
</style>
<template>
<paper-input-container>
<label>My Label</label>
<input is="iron-input" value="{{someval}}">
</paper-input-container>
</template>
...

据我所知你不能设计

<paper-input .... ></paper-input>

而且您必须使用 paper-input-container,对吧?

无论如何,应用在上面的样式选项实际上没有样式。但是,例如,当我使用

--paper-input-container-color: #fff;

它确实有效(但不是我想要的)。有什么建议可以解决这个问题吗?

最佳答案

paper-input 提供了多种样式设置的可能性。一些 css 参数是简单的值——比如你的 --paper-input-container-color .其他——比如--paper-input-container是mixins,你可以在其中调整任何你想要的。要重新定义您的 mixin,请参阅文档 here .

还有一个非常有用的方法是查看应用了所有自定义样式的页面标题。例如搜索元素 <style scope="paper-input-container"></style>并查看 polymer 定义的内容以及这些样式的应用方式。如果您添加自己的 <style>模板中的元素它将位于 <head> 中的某处并注意 css 选择器的转换方式。

希望这些解释能引导您实现您想要的...

关于javascript - polymer :定型纸输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33075078/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com