input标签实现让光标不出现！

最近遇到一个很让人着急的问题，我在运用input的标签的时候，我不想让光标出现，因为input内容是系统给定的，不让用户更改。

可能有人会说，直接用div模拟一个input出来，这样在条件允许的情况下也是比较好的选择，但很遗憾，我的条件不允许我模拟，就必须用input！

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

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

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

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

<input class="red" readonly unselectable="on" value="我说我是红色的">
<style>
input.red{
color:#f00;
}

原文：http://blog.csdn.net/kabulore/article/details/46516111