Javascript 如何将%符号永久地放在文本框中文本的末尾？

我有一个显示百分比的文本框

我希望文本末尾有%符号，%符号不应可编辑，但文本框中的文本应可编辑

---

这是如何实现的？

您可以使用：after伪元素在纯CSS中实现

.inputbox容器：之后{ 内容：\0025； 左边距：-25px； 右边距：25px； 左侧填充：6px； } 输入{ 右边填充：20px； } 自举式

.输入组{ 显示器：flex； 高度：30px } .输入组输入{ 边框：1px实心ced4da； 宽度：30px； } .输入组输入：焦点{ 边框颜色：80bdff； 大纲：0； } .输入组跨度{ 颜色：495057； 背景色：e9ecef； 边框：1px实心ced4da； 填充：7px 5px； } % 试试这个

---

%包括您尝试使用的代码。您可能希望在文本框中添加一些填充，以避免输入与伪元素重叠。谢谢您的建议。我已经更新了代码。