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

问题描述

样式化paper-input和disabled之类的HTML元素时，会添加点划线样式。

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

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

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

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

解决方法

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

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

如果根目录不适合您，请尝试删除它。