如何在不影響操作的情況下，把input的遊標隱藏了？在網路上搜尋了很多方式：用p模擬，設定readonly，設定disabled，設定自動blur等等方式，發現都無法滿足需求，於是最後終於找到了完美的方法。本文主要為大家介紹了關於如何利用css隱藏input遊標的相關資料，這是最近工作中遇到的一個需求，雖然看似不合理，但是有需要就要有解決的辦法，文中透過範例程式碼介紹的非常詳細，需要的朋友可以參考借鑒，下面隨著小編來一起學習學習吧。
方法如下：
首先隱藏遊標
<style>
input{
color: transparent;
}
</style>因為遊標是跟隨文字的，所以我們把文字的color設定為透明，遊標就不見了耶~
但是問題來了，文字都透明了要輸入框有啥用？別急，請往下看~
把文字給顯示出來
<style>
input{
color: transparent;
text-shadow: 0 0 0 #000;
}
</style>在input上設定text-shadow，文字是透明的但是我們可以用文字陰影來取代文字的顏色，這樣就完美解決囉。
text-shadow屬性
#語法：
text-shadow:x-offset y-offset blur color;
說明：
x-offset：（水平陰影）表示陰影的水平偏移距離，單位可以是px、em或百分比等。如果值為正，則陰影向右偏移；如果值為負，則陰影向左偏移；
y-offset：（垂直陰影）表示陰影的垂直偏移距離，單位可以是px 、em或百分比等。如果值為正，則陰影向下偏移；如果值為負，則陰影向上偏移；
blur：（模糊距離）表示陰影的模糊程度，單位可以是px、em或百分比等。 blur值不能為負。如果值越大，則陰影越模糊；如果值越小，則陰影越清晰。當然，如果不需要陰影模糊效果，可以吧blur值設定為0;
color：（陰影的顏色）表示陰影的顏色
相關建議：
以上是利用css隱藏input的遊標方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
