如何隐藏禁用的输入下划线样式

Question

在为paper-input 和disabled 等HTML 元素设置样式时，会添加点下划线样式。

我可以编辑禁用的样式，例如

paper-input {
  --paper-input-container-disabled: {
    color: black;
    opacity: 1;
    text-decoration: none;
  };
}

但是设置text-decoration并不会隐藏这种风格。

如何设置 CSS 以隐藏此 disabled 下划线样式？

Answer 1

您可以添加 display: none 属性来删除下划线。

 <style is="custom-style">
      :root {
        --paper-input-container-underline: {
          display: none;
        };
      }
    </style>

如果对您不起作用，请尝试删除根目录。