2011-04-03 29 views
5

Necesito hacer esto sin ningún truco. Gracias.Mostrando el cursor parpadeante en la entrada de texto no enfocado

+4

¿Cuál considera un truco? ¿Sería suficiente un carácter '|' de tubería parpadeante en el campo de entrada? –

+8

codificará para alimentos – amosrivera

+3

ME ENCANTARÍA saber por qué querrías confundir a los usuarios, a menos que quieras simular una intercalación mientras insertas cosas tú mismo. Eso también se puede hacer en un div/span – mplungjan

Respuesta

0

Usted no será capaz de hacer esto sin algún tipo de hackery.

Aquí es un simple truco CSS puro:

input { 
    background-image:  url(cursor-anim.gif); 
    background-position: 4px 50%; 
} 
input:focus { 
    background-image: none; 
} 

Pero, como otros han dicho, podría merecer la pena preguntarse si esto puede conducir a sus usuarios conseguir confundido ...

0

¡Envuelva una tubería (|) en una etiqueta parpadeante (ugh) y colóquela completamente sobre una entrada de texto!

Hablando en serio, no confundir a los usuarios suaves :)

+0

Según la [Recomendación de MDN] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blink): ** Advertencia: ** No use este elemento ya que no es estándar y ** obsoleto. ** El texto parpadeante está mal visto por varios estándares de accesibilidad y la especificación CSS permite a los navegadores ignorar el valor de parpadeo. ** Casi todos los navegadores actualmente ignoran este elemento. ** – kentcdodds

Cuestiones relacionadas