我有< input type =“ number”>< / input>.我喜欢它具有type =“ number”的事实,因为我希望用户输入数字.我宁愿不从数字更改其类型.但是,我想在数字后面显示单位.因此,如果单位是像素,我希望输入读取为“ 5 px”.我希望用户能够编辑5部分,但不能编辑px部分.找到的解决方案here除非我做更多的mm头并使它变黑,否则将不起作用,因为“ px”将出现在chrome中的向上/向下箭头之后.这些是我在说的箭头！[箭头示例] [1]
在我使用chrome的环境中,您只需在< input ...>中输入字母字符,但这是technically not legal
我需要适用于Firefox,Chrome,Safari和IE9的解决方案.
解决方法:
我建议将其宽一些并浮动一个< span> px< / span>在< input>顶部.有了一点CSS,看起来它就是输入内容的一部分.