在IE11浏览器的输入字段中看不到输入的文本

Question

我正在使用清晰度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的文本框中看到测试。