Javascript 如何更改纸张输入框中的下划线边框

我想在聚合物纸输入中更改下划线边框，但我不知道怎么做。有什么想法吗

如果我检查组件，我想更改的是背景色，但是在组件的类中索引。我应该做一个查询选择器吗？我怎么称呼那门课

---

谢谢。

文档中提到，

纸张输入的样式可以类似于

要更改下划线，您需要使用新的CSS
/deep/
组合器

<style shim-shadowdom>
  paper-input /deep/ .unfocused-underline {
    /* line color when the input is unfocused */
    background-color: green;
  }
  paper-input /deep/ .focused-underline {
    /* line color when the input is focused */
    background-color: orange;
  }
</style>


纸张输入/deep/。未聚焦下划线{
/*输入未聚焦时的线条颜色*/
背景颜色：绿色；
}
纸张输入/deep/。聚焦下划线{
/*聚焦输入时的线条颜色*/
背景颜色：橙色；
}

这里有一个例子

因为我在聚合元素之外使用了一个样式标记，所以我还包括了一个
shim shadowdom
属性。如果您的样式是在聚合物元素中定义的，您就不需要它。
请为此提供一些标记。一些代码会有所帮助/deep/不推荐使用。现在怎么办（您现在可以在输入容器上使用自定义属性。）