スピナーがあります-テキストフィールドやテキストエリアではありません
<input type="number" />
コントロールがクリックされたときにフィールドに点滅するカレットがないようにすると便利です。
HTMLテキスト入力フィールドでキャレットを非表示にする方法の答えは？
フィールドが無効または読み取り専用の場合はスピナーが実行されないため、もちろん機能しません。
スピナーではないテキストフィールドの点滅カーソルを非表示にすることもできません
また、 jQueryUIスピナーにも同じ問題があります
css:
.your-field{
color: transparent;
}
を使用してフィールドにラッパーを追加し、を使用してフィールドposition: relative;のspan/div/whatever後にラッパーを追加しますposition: absolute。
スパンを正しく配置します（左上が入力テキストの開始位置と重なる必要があります）
keyup/keydown/custom arrow click/any event that changes input valハンドラー関数（jQuery）：
function() { $('.your-absolute-positioned-element').text( $('.your-field').val() ); }
点滅はネイティブ入力表現の一部です。A）入力を非表示にし、B）コンテンツを他の場所に複製するためにハックする必要があります。
A）を使用することをお勧めしcolour: transparentます。古いブラウザのサポート（古いIEはこれを好まないことはわかっています）の場合はvisibility: hidden、他の手法を使用できますが、フォーカスに対処するのは困難です。
B）入力のラッパーを作成し、position: relativeその直後に、入力値が変更されるたびに一致するスパンを作成します。
簡単なcodepenの例を次に示します。