firfox下readonly属性的text能否不让光标进去?

Question

<input minval="0"  value="122" readonly="readonly" type="text">
firfox下readonly属性的text能否不让光标进去?在网上百度了各种方法
1.加入onclick="this.blur()",但是这个效果等于是光标先进去马上又离开,而且搞不好会触发blur事件影响其他代码
2.加入UNSELECTABLE="on" ，也没有效果
3.属性不能改成disabled
请问有什么好的解决方法呢?

Answer 1

很不好实现，几乎没办法，我能想到的都试了一下，都不理想。。。

我猜你是想它既能放在表单中被提交，同时又可以被选中，但不能出现可以输入的光标误导用户。

我的建议是：

放一个隐藏的input算了，然后那个地方放一个和input同样样式的span或者其他文字标签，在那儿。

举个例子：
https://jsfiddle.net/rc4rjgeq/

Answer 2

caret-color:transparent;