CSS隱藏input光標

       在項目中遇到一個需求要隱藏掉input輸入框的光標,但是還要有輸入功能,在網上查了很久沒有找到合適的方案,現在分享下我的解決方案。

       方法是根據光標顏色和文字顏色這一特性來做的,首先把顏色設爲透明這樣光標就沒有了,但是有一個問題文字也看不到了,然後通過給文字陰影來代替文字完美解決,代碼如下:

<input type="text"   style="color:transparent;text-shadow: 0px 0px 0px #333;" />



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章