Question

我正在开发一个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>

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

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

Answer 1

您所说的下划线是`--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 | `{}`的Material Design规范的一部分。如果你想删除它，你将不得不玩以下mixins：

{{1}}

聚合物 - 造型纸输入元素

1 个答案: