非表示inputのカーソルを実現する方法

1585 ワード

開発の過程で、入力ボックスを入力するときにカーソルを表示しないなど、さまざまな奇抜なニーズに遭遇します.この需要の応用シーンが少なすぎると言わざるを得ませんが、提案した以上解決方法を探さなければなりません.何度も試した結果、ネット上で何を言っているのか、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>

これにより、カーソルを非表示にし、入力を続行できます.