Javascript 清除html文本输入框中的按钮

嗨，我对这个基本功能有些困惑： 我有一个常规文本输入html标记，有点窄（20px）：

输入右侧的小“x”清除按钮在我将框的宽度增加到~75px之前不会显示

有什么建议吗？如何确保即使在这个（窄）输入文本元素中也显示clear按钮

这是IE11 BTW，这是out应用程序的要求

谢谢

给你：

<div style="display:inline-flex">
    <input type="text" maxlength="3" id="pCF" style="width: 20px;" />
    <button>X</button>
</div>

X

给你：

<div style="display:inline-flex">
    <input type="text" maxlength="3" id="pCF" style="width: 20px;" />
    <button>X</button>
</div>

X

---

你不能，这是IE11的功能，不是bug。“x”将覆盖用户输入，使其无法读取

---

---

您可能希望实现自己的“x”按钮（如前面所建议的），但不能干扰标准按钮。另外，请阅读我的答案下面大卫的评论。

你不能，这是IE11的功能，不是bug。“x”将覆盖用户输入，使其无法读取

---

---

您可能希望实现自己的“x”按钮（如前面所建议的），但不能干扰标准按钮。另外，请阅读我回答下面大卫的评论。

我没有看到任何宽度的清晰按钮。但是，将输入类型更改为“搜索”会给出一个清晰的按钮。但是20px太窄了，清除按钮覆盖了文本。40px工作得更好。

我看不到任何宽度的清除按钮。但是，将输入类型更改为“搜索”会给出一个清晰的按钮。但是20px太窄了，清除按钮覆盖了文本。40px工作得更好。

什么“x”清除按钮？就我所知，这不是HTML中的默认设置。请在此处附上一个屏幕截图IE11红色的小“x”是默认设置-这就是为什么代码中没有@MichaelCortry使用

input type=“search”

instead没有任何区别，字段看起来必须很宽。什么“x”清除按钮？就我所知，这不是HTML中的默认设置。请在此处附上一个屏幕截图IE11红色的小“x”是默认设置-这就是为什么代码中没有@MichaelCortry使用

input type=“search”

instead没有任何区别，字段看起来必须很宽。你可以按照Emad Dehnavi的建议去做。您只需要将文本输入的display属性设置为None。输入[type=text]：-ms clear{display:none；}这将摆脱标准的方法，并为您提供一种跨浏览器的方法。看：你可以按照Emad Dehnavi的建议去做。您只需要将文本输入的display属性设置为None。输入[type=text]：-ms clear{display:none；}这将摆脱标准的方法，并为您提供一种跨浏览器的方法。见：谢谢。我应该提到的是，同一行中的其他字段已经依赖于此默认行为，并且希望只保留相同的外观，只保留新的缩减宽度。添加按钮是一个选项，但现在我需要添加样式，使其看起来像现有控件中的默认清除按钮，然后添加自定义jq/js代码以响应事件。。。无论如何，谢谢你的建议！非常感谢。我应该提到的是，同一行中的其他字段已经依赖于此默认行为，并且希望只保留相同的外观，只保留新的缩减宽度。添加按钮是一个选项，但现在我需要添加样式，使其看起来像现有控件中的默认清除按钮，然后添加自定义jq/js代码以响应事件。。。无论如何，谢谢你的建议！谢谢，对我来说，当我将类型更改为“从文本搜索”时，它也只显示在~75px处。谢谢，对我来说，当我将类型更改为“从文本搜索”时，它也只显示在~75px处。