Html 如何在自定义组件之外配置纸张输入容器（聚合物混合）样式？

我们正试图关闭纸张输入容器样式，这样我们就可以在输入框的四周都有边框，并且焦点上没有动画

在“自定义聚合物组件”中，我们可以通过禁用“自定义聚合物组件样式”部分中的以下mixin来获得所需内容：

--纸张输入容器下划线
--纸张输入容器

但是，当将同一样式部分复制到html并使用纸质输入容器时，它不会占用任何时间。有没有办法在定制聚合物成分之外应用这些混合物？我猜我的css语法是错误的

<style>
    paper-input-container{
        --paper-input-container-underline: {visibility: hidden};
        --paper-input-container-underline-focused: {visibility: hidden};
    }
</style>

纸张输入容器{
--纸张输入容器下划线：{可见性：隐藏}；
--纸张输入容器：{可见性：隐藏}；
}

---

谢谢

我猜您的意思是将样式移动到

index.html

首先，来自

index.html

的CSS混合和属性仅在聚合物中应用于

自定义样式时：

<style is="custom-style">
  ...
</style>


或者，如果要将任何元素中的所有
纸张输入容器
作为目标，可以使用
：root
（已弃用）或
html
作为选择器：

html {
  --paper-input-container-underline: {visibility: hidden};
  --paper-input-container-underline-focused: {visibility: hidden};
}

我猜您的意思是将样式移动到
index.html

首先，来自
index.html
的CSS混合和属性仅在聚合物中应用于
自定义样式时：

<style is="custom-style">
  ...
</style>


或者，如果要将任何元素中的所有
纸张输入容器
作为目标，可以使用
：root
（已弃用）或
html
作为选择器：

html {
  --paper-input-container-underline: {visibility: hidden};
  --paper-input-container-underline-focused: {visibility: hidden};
}

注意：在2.0中，
将被去除润滑脂，
元件将被替换。1.7+将具有cutom样式的元素，用于准备升级。注意：在2.0中，
将被去除润滑，而
元素将被替换。1.7+将具有cutom样式元素，用于准备升级。