我正在尝试自定义禁用的纸张输入元素。我想删除虚线并更改标签颜色。
有什么建议吗?
这是我要设置样式的元素:
<paper-input ui:field="totalLabel" label="Total to repay" always-float-label="true" disabled="true">
<div prefix="true">£ </div>
</paper-input>
谢谢!
paper-input-container
有一组自定义CSS混合定义,供用户覆盖默认样式。
您可以在此处阅读有关如何应用自定义CSS混合文件的更多信息:https : //www.polymer-project.org/1.0/docs/devguide/styling.html#custom-css-mixins
--paper-input-container-underline-disabled
可用于更新禁用的下划线。https://github.com/PolymerElements/paper-input/blob/v1.1.5/paper-input-container.html#L166
--paper-input-container-disabled
可用于更新禁用容器的常规样式。https://github.com/PolymerElements/paper-input/blob/v1.1.5/paper-input-container.html#L110
要删除下划线,您可以在自定义样式中编写以下内容。最好根据类名称或ID名称使用不同的选择器。我已经使用了元素名称。
paper-input {
--paper-input-container-underline-disabled: {
border-bottom: none;
};
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句