如何實現隱藏input的光標

在開發的過程中會遇到各種各樣的奇葩需求，比如輸入框輸入的時候不要顯示光標。不得不說這個需求的應用場景太少了，但是既然提出來了就得找方法去解決，在多番嘗試之後最終發現，像網上說的什麼設置input readonly、disabled、οnfοcus=”this.blur()”等等方法，都沒達到效果。我的input框是需要輸入的，只是隱藏光標，並非不可用啊。後來在自己腦門大開的時候發現可以通過以下代碼實現光標的隱藏。

<style>
input{
color:transparent;
}
</style>
<input  value="我要隱藏光標">

如果現在你還想改變字體顏色的話，需要用到text-shadow屬性

<style>
input{
color:transparent;
text-shadow:0 0 0 red;
}
</style>

這樣就可以實現隱藏光標，並且可以繼續輸入。