HTML入力、フォーカスのない点滅のキャレット？

入力を集中させることなく、点滅しているキャレットをHTML入力に完全に表示させることはできますか？HTML入力、フォーカスのない点滅のキャレット？

もしそうでなければ、点滅して点滅するキャレットのような形のCSS divをスタイルしますが、焦点を合わせると消えてしまいますが、その手間をかける前に簡単な方法がありますか？

2017-01-24 Ash

なぜでそれで遊ぶことができますか？これはUXの悪夢のように聞こえる。 – CollinD

"blinking caret"とは、点滅するカーソルを意味しますか？キャレットは少し上向きの形です。 –

@MichaelCokerこのコンテキストでは、キャレットはさまざまな形を取ることができますが、今日ではほとんどの場合、点滅するパイプルックの傾向があります。 https://en.wikipedia.org/wiki/Caret_navigation – CollinD

あなたはアニメーションの背景に試してみることができます。

input:focus { 
 
    background-image:none; 
 
} 
 
input { 
 
    animation: blink-empty 1s infinite; 
 
    background-image:/*linear-gradient(black,black)*/ linear-gradient(red,red); 
 
    background-position: 1px center; 
 
    background-repeat: no-repeat; 
 
    background-size:1px 1.2em; 
 
} 
 
@keyframes blink-empty { 
 
    30%, 75%{background-size:1px 1.2em;} 
 
    50% {background-size: 0 1.2em;} 
 
}

<p>fake carret on left side colored red for demo. but will not follow text if any.</p> 
 
<input type="text" value=""/>

はあなたがhttp://codepen.io/gc-nomade/pen/jyLMLd

出典

2017-01-24 23:05:24

ありがとう:)これは私が必要としていたものに最適です。 – Ash

HTML入力、フォーカスのない点滅のキャレット？

答えて

関連する問題