2015-05-29 100 views
8

在聚合物1.0我可以很容易地改变铁输入组件的字体大小,例如:如何改变纸张输入的字体大小在Polymer 1.0

input { 
    font-size: 24px; 
} 

如果我使用该铁纸张输入容器内的输入组件不起作用。如果我只使用纸张输入组件,它也不会起作用。你是怎么做到的?提前致谢。

回答

8

你可以通过使用--paper-input-container-input mixin来实现。您可以使用它在您自己的元素上或通过<style is="custom-style">。在每个mixin之后也不要忘记那些分号。

+0

工程!这是我之前尝试过的其中一件事,但分号却做到了这一点。非常感谢。 – jansolo

+0

你能详细解答这个问题吗?我是Polymer新手,不知道这是什么意思。 – clocksmith

+0

你能否让答案更完整? – Mowzer

13

由于我很难理解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> 
相关问题