Html 无法在IE11浏览器的输入字段中查看输入的文本

我正在使用clarity ui框架构建网站。我在clarity ui输入字段的顶部添加了一些额外的填充。它似乎在所有浏览器中都能工作，除了在IE11中，我看不到输入的文本。要使文本显示在输入字段中，我必须进行哪些更改

这里是stackblitz链接，可以访问代码

---

是否有解决此问题的方法？

我尝试使用开发人员工具检查代码，发现\ngcontent-c0导致此问题

如果将其从代码中删除，则可以在IE的文本框中看到测试

---

看起来您的stackblitz示例在IE浏览器中被挂起。当您直接尝试在IE浏览器中访问站点时，是否得到了相同的结果？控制台中是否有任何错误或警告？是的，我得到了相同的结果，并且在控制台中没有看到任何错误或警告。您可以使用此链接访问站点，而不是使用代码。我使用的是angular framework，angular会自动生成“\u ngcontnet-c0”。我不知道为什么它只会导致ie11的问题，尤其是当使用像“\u ngcontnet-c0”这样的表单时，它也在IE中应用样式规则，所以它可能会与你的清晰ui样式冲突，从而导致IE中的问题。

<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;
  }