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

Question

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

<input type="text" maxlength="3" id="pCF" style="width: 20px;" />

输入右侧的小“x”清除按钮直到我将框的宽度增加到~75px才会显示。

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

这是IE11 BTW，这是out app的要求。

谢谢！

Answer 1

你走了：

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

https://jsfiddle.net/emilvr/bzgb8yx3/