input标签实现让光标不出现

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

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

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

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

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

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

<input readonly unselectable="on" value="我说我是红色的">

posted @   silentmuh  阅读(385)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
Live2D
欢迎阅读『input标签实现让光标不出现』
  1. 1 Walk Thru Fire Vicetone
  2. 2 爱你 王心凌
  3. 3 Inspire Capo Productions - Serenity
  4. 4 Welcome Home Radical Face
  5. 5 粉红色的回忆 李玲玉
粉红色的回忆 - 李玲玉
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.

夏天夏天悄悄过去留下小秘密

压心底 压心底 不能告诉你

晚风吹过温暖我心底 我又想起你

多甜蜜 多甜蜜 怎能忘记

不能忘记你 把你写在日记里

不能忘记你 心里想的还是你

浪漫的夏季 还有浪漫的一个你

给我一个粉红的回忆

喔 夏天夏天悄悄过去依然怀念你

你一言 你一语都叫我回忆

就在就在秋天的梦里 我又遇见你

总是不能忘记你

夏天夏天悄悄过去留下小秘密

压心底 压心底 不能告诉你

晚风吹过温暖我心底 我又想起你

多甜蜜 多甜蜜 怎能忘记

不能忘记你 把你写在日记里

不能忘记你 心里想的还是你

浪漫的夏季 还有浪漫的一个你

给我一个粉红的回忆

喔 夏天夏天悄悄过去依然怀念你

你一言 你一语都叫我回忆

就在就在秋天的梦里 我又遇见你

总是不能忘记你

不能忘记你 把你写在日记里

不能忘记你 心里想的还是你

浪漫的夏季 还有浪漫的一个你

给我一个粉红的回忆

喔 夏天夏天悄悄过去依然怀念你

你一言 你一语都叫我回忆

就在就在秋天的梦里 我又遇见你

总是不能忘记你

点击右上角即可分享
微信分享提示