コントロールがクリックされたときにフィールド内で点滅するキャレットを持たないといいでしょう。 The answer to How to hide the caret in an HTML text input"> コントロールがクリックされたときにフィールド内で点滅するキャレットを持たないといいでしょう。 The answer to How to hide the caret in an HTML text input"> コントロールがクリックされたときにフィールド内で点滅するキャレットを持たないといいでしょう。 The answer to How to hide the caret in an HTML text input" />

キャレットを無効にすることなく数字フィールドで隠すことはできますか

テキストフィールドやテキストエリアではなく、スピナーを持っています

<input type="number" />

enter image description here

コントロールがクリックされたときにフィールド内で点滅するキャレットを持たないといいでしょう。

enter image description here

The answer to How to hide the caret in an HTML text input field?

フィールドが無効または読み込み専用のときにスピナーが実行されないので、もちろん動作しません。

スピナーではないテキストフィールドの点滅カーソルを非表示にするもありません

また、 jQuery UIスピナーにも同じ問題があります

1
nl ru de
コントロールがフォーカスされているとき。
追加された 著者 mplungjan,
私はスピナーをtype = textがオプションでないようにしたい
追加された 著者 mplungjan,
私にはできません。私はスピナーが必要です。
追加された 著者 mplungjan,
どのような条件下で、カラット(カーソル?)を点滅させたくないのですか?
追加された 著者 Beetroot-Beetroot,
私はあなたがそれを我慢しなければならないと思う。 type = "number" の場合、focus/spinner/blinkはすべてパッケージとして提供されます。 pattern = "[0-9] *" type = "text" を試してみることもできますが、同じ問題が発生すると思います。
追加された 著者 Beetroot-Beetroot,
多少面倒ですが、こちらに記載されている手法をお試しください。
追加された 著者 Beetroot-Beetroot,

2 答え

点滅は、ネイティブの入力表現の一部です。これをAにハックして入力を不可視にし、B)他の場所でそのコンテンツを再現する必要があります。

A)私は color:transparent を使うことをお勧めします。古いブラウザのサポート(古いIEでこれが気に入らないことが分かっている場合)では、 visibility:hidden やその他の手法を使うことができますが、焦点を絞り込むのは難しいでしょう。

B) position:relative で入力を囲むラッパーを作成し、変更のたびに入力値と一致する直後のスパンを作成します。

ここでは単純なcodepenの例を示します:

http://codepen.io/barneycarroll/pen/beFgm

1
追加された
今はJavascriptが有効になっていますか?
追加された 著者 Barney,
実際の結果は次のとおりです。 jsfiddle.net/mplungjan/U46Sj
追加された 著者 mplungjan,

css:

.your-field{
    color: transparent;
}
  1. add wrapper to the field with position: relative; and a span/div/whatever after the field with position: absolute.

  2. position span correctly (it's top-left should overlap with input text start position)

  3. add event handler on keyup/keydown/custom arrow click/any event that changes input val
  4. handler function (jQuery):

    function() { $('.your-absolute-positioned-element').text( $('.your-field').val() ); }
    
1
追加された
ありがとうございました - 私はBarneyの完全な例を取り上げました。
追加された 著者 mplungjan,