input获取焦点后不显示光标，能输入显示内容_input没有光标

作者：Gausst松鼠会 | 2024-02-19 12:11:43

踩

input没有光标

在开发的过程中会遇到各种各样的奇葩需求，这就遇到一个，input输入框输入的时候不要显示光标。不得不说这个需求太奇葩了，但是既然提出来了就得找方法去解决啊，在多番尝试之后最终解决了


// html
 
<input type="text" id='txt' placeholder="输入搜索内容">

css 就能解决了


#txt {
            outline: none;
            color:transparent;
            text-shadow:0 0 0 #000;
            height: 30px;
        }

如图：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/114630