我正在开发 Polymer 应用程序。有太多我喜欢的东西，还有一些我还没有完全理解的魔法。此时，我正在尝试弄清楚如何设置 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>
上面的代码生成了一个 paper-input 元素。但是，我有两个挑战。首先，当用户单击文本字段的内容时，会出现一条下划线。但是，我将其标记为只读，因此我认为该字段不会获得焦点。其次，我不想要任何类型的下划线。即使该字段没有焦点。我从不想显示下划线。然而，当我检查 DOM 时，我不知道如何设置它。
有没有办法去除下划线和焦点？如果是，怎么办？
最佳答案
您所说的下划线是 paper-input Material 设计规范的一部分。如果你想删除它，你将不得不使用以下 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 | `{}`
关于css - polymer - 造型纸张输入元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34291236/