在Polymer 1.0中,我可以轻松更改铁输入组件的字体大小,例如:
input { font-size: 24px; }
如果我在纸张输入容器中使用铁输入组件,它就不起作用 . 如果我只使用纸张输入组件,它也不起作用 . 你是怎么做到的?提前致谢 .
你可以使用 --paper-input-container-input mixin来做到这一点 . 您可以在自己的元素上或通过 <style is="custom-style"> 使用它 . 每次混音后也不要忘记那些分号 .
--paper-input-container-input
<style is="custom-style">
我允许自己详细说明正确的答案,因为我无法理解mixin概念如何工作以及如何应用可用于许多其他事情的解决方案(更改其他属性,如字体,样式......) . 解决方案,如果我在我的元素中有以下纸张输入
<paper-input id="title" label="Note title"></paper-input>
是在我的元素中具有以下样式
<style> #title { --paper-input-container-input: { font-size: 24px; }; } </style>
我也可以在我导入的html文件中全局定义样式
<style is="custom-style"> :root { --paper-input-container-input: { font-size: 24px; }; } </style>
2 回答
你可以使用
--paper-input-container-input
mixin来做到这一点 . 您可以在自己的元素上或通过<style is="custom-style">
使用它 . 每次混音后也不要忘记那些分号 .我允许自己详细说明正确的答案,因为我无法理解mixin概念如何工作以及如何应用可用于许多其他事情的解决方案(更改其他属性,如字体,样式......) . 解决方案,如果我在我的元素中有以下纸张输入
是在我的元素中具有以下样式
我也可以在我导入的html文件中全局定义样式