聚合物 - 造型纸张输入元素

我正在制作聚合物应用程序。有很多我喜欢，然后有一些我还没完全理解的魔法。此时，我试图弄清楚如何设计paper-input元素。我有这样一个定义：聚合物 - 造型纸张输入元素

<div class="horizontal layout"> 
    <iron-icon icon="schedule" style="padding:18px 12px 0px 0px;"></iron-icon> 
    <paper-input label="started at" readonly="true" value="[[ time ]]"></paper-input> 
</div>

上述代码生成一个纸张输入元素。但是，我有两个挑战。首先，当用户单击文本字段的内容时，会出现下划线。但是，我将它标记为只读，所以我不认为该字段可能会得到重点。其次，我不想要任何形式的下划线。即使场地没有焦点。我从不想显示下划线。然而，当我检查DOM时，我无法弄清楚如何设置它。

有没有办法去除下划线和焦点？如果是这样，怎么样？

来源

2015-12-15 JQuery Mobile

您所说的下划线是paper-input的材料设计规范的一部分。如果你想删除它，你将不得不玩弄以下mixin：

`--paper-input-container-underline` | Mixin applied to the underline | `{}` 
`--paper-input-container-underline-focus` | Mixin applied to the underline when the input is focused | `{}` 
`--paper-input-container-underline-disabled` | Mixin applied to the underline when the input is disabled | `{}`

来源

2015-12-15 14:27:49

聚合物 - 造型纸张输入元素

回答

相关问题