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

Question

样式化 HTML 元素时paper-input，disabled添加点式下划线样式。

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

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

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

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

标签： cssinputpolymerdisabled-inputtext-decorations

Answer 1

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

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

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