Css 聚合物定型纸输入元件

我正在开发一款聚合物应用程序。有很多我喜欢的，还有一些我还没有完全理解的魔法。此时，我正试图找出如何设置

纸张输入

元素的样式。我有这样一个定义：

<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时，我不知道如何设置它

---

有没有办法去掉下划线和焦点？如果是，怎么做？

您所说的下划线是

纸张输入的材料设计规范的一部分。如果要删除它，必须使用以下混音：

`--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 | `{}`