html - 无法在 IE11 浏览器的输入字段中看到输入的文本

Question

我正在使用 Clarity UI 框架来构建网站。我在清晰度 UI 输入字段的顶部添加了一些额外的填充。它似乎适用于所有浏览器，但在 IE11 中我无法看到输入的文本。我必须进行哪些更改才能使文本显示在输入字段中？

这是访问代码的 stackblitz 链接

https://stackblitz.com/edit/clarity-forms-test-ea75jb?file=src%2Fapp%2Fapp.component.css

<div class="clr-control-container">
            <div class="clr-input-wrapper">
              <input type="text" id="example" placeholder="Example Input" class="clr-input">
            </div>
 </div>

样式

input[type] {
   background-color: grey;
    padding: 21px 6px; //Adding padding is the reason causing the issue
   color:white;
    width: 100%;
    margin-top: 5px;
  }

这个问题有解决办法吗？

Answer 1

我尝试使用开发人员工具检查代码，我发现 _ngcontent-c0 导致了这个问题。

如果从代码中删除它，那么您就可以在 IE 的文本框中看到测试。