入力要素からキャレットを削除する方法

Question

JavaScriptではなくCSSのみを使用して<input type="text">要素からキャレットを削除するにはどうすればよいですか？

Answer 1

もちろん、CSSを使用してそれを行うことができます。

次のコードをCSSファイルに追加します。

border: none;
color: transparent;
text-shadow: 0 0 0 gray;
text-align: center;

&:focus {
    outline: none;
}

ここには [〜＃〜] source [〜＃〜] と [〜＃〜] demo [〜＃〜] があります

Answer 2

私はあなたがcssを通して色を適用することでこれを達成できると言うことができます：

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

FIDDLE DEMO

それ以外の場合は、CSSでテキストカーソルのスタイルを設定する方法はありません。