input标签实现让光标不出现！（兼容版）

需求运用input的标签的时候，我不想让光标出现，因为input内容是系统给定的，不让用户更改。

这时候很自然的想到了input标签的readOnly属性，设置上之后，发现点击的时候，虽然不能更改内容，但是有小光标出现，要是没这个光标就完美了。

于是又很自然的想到了disabled属性，哎呀，一看，发现挺不错，在chrome、FF和IE9以及以上的浏览器上，都不错，但是在IE8以及以下的浏览器上，字体被默认弄成了屎灰色~~万恶的IE！！

百般纠结之下，终于在一个外国的论坛上找到了解决方案，原来标签还有这么个属性：unselectable，真是万能的html！

经测试，按照如下设置，即可实现不让光标出现的效果，很好用，例子如下：

<input class="red" readonly unselectable="on" value="">