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

Question

当 HTML 元素的样式如 paper-input 和 disabled 时，会添加点下划线样式。

我可以像这样编辑禁用的样式

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

但设置 text-decoration 不会隐藏此样式。

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

Answer 1

可以添加显示：none 属性去掉下划线

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

如果它对你不起作用，请尝试删除根。

How to hide disabled input underline style