Ist es möglich, dass der blinkende Cursor in einer HTML-Eingabe permanent erscheint, ohne die Eingabe zu fokussieren?HTML-Eingabe, blinkt Caret ohne Fokus?
Wenn nicht, werde ich ein CSS-Div wie ein Caret stylen, um ein- und auszuschalten und verschwinden, wenn konzentriert, aber bevor ich zu diesem Ärger gehe, gibt es einen einfacheren Weg?
Sie können einen Versuch zu animierten Hintergrund geben:
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=""/>Sie mit ihm auf http://codepen.io/gc-nomade/pen/jyLMLd
Danke :) das ist perfekt für das, was ich brauchte. – Ash
Warum spielen können? Das klingt nach einem UX-Albtraum. – CollinD
Mit "blinkt Caret" meinen Sie einen blinkenden Cursor? Ein Caret ist die kleine "up" -Form. –
@MichaelCoker Ein Caret in diesem Kontext kann viele verschiedene Formen annehmen, aber heutzutage neigt es meistens dazu, ein blinkender Charakter zu sein. https://en.wikipedia.org/wiki/Caret_navigation – CollinD