主要给大家介绍了关于如何利用css隐藏input光标的相关资料，这是最近工作中遇到的一个需求，虽然看似不合理，但是有需要就要有解决的办法，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。

前言 最近公司的ui突然跑过来问我一个问题：“如何在不影响操作的情况下，把input的光标隐藏了？”。 我相信很多人会跟我一样，觉得这是个什么狗屁需求，输入框不要光标这不是反人类吗？可惜我们只是个小小的撸码仔，没有反驳的权利只能默默接受… 在网上搜索了很多方式：用div模拟，设置readonly，设置disabled，设置自动blur等等方式，发现都不能满足需求，最后还是找到一位大神提供的方法完美解决。 方法如下： 首先隐藏光标 input{ color: trans