1

Tengo aproximadamente 1 hora buscando alguna propiedad que me indique como cambiar el | de los inputs de texto hay alguna manera ?

me refiero a el | que aparece y desaparece a medida de que se escribe

4
  • con la propiedad cursor en css librosweb.es/libro/css/capitulo_13/personalizar_el_cursor.html el 14 ago. 2018 a las 0:34
  • No, eso modifica el aspecto del cursor del mouse pero no la línea vertical que aparece dentro una vez que das click al input
    – user75901
    el 14 ago. 2018 a las 0:35
  • No sigas buscando no la hay, puedes simular el mismo efecto en javascript, pero tendrías que componer un nuevo input, con todas las interacciones y agregar el efecto de un | falso al final. Hay alguna forma de re-crearlo con solo css, pero toca experimentar y no en un input, sino más bien en otro elemento tipo div y pasar el valor con javascript. Ahora si te refieres al cursor, basta con la propiedad cursor: pointer. el 14 ago. 2018 a las 0:49
  • @EdgarGutiérrez si no existe propiedad para hacerlo ! solo para cambiar el color, veo muy tedioso hacerlo con javascript el 14 ago. 2018 a las 7:11

1 respuesta 1

2

Puedes modificar el color con caret color

input{
  caret-color: red;
}
<input type="text"/>
4
  • genial no conocía esa propiedad, se le pueden aplicar otros estilos?
    – user75901
    el 14 ago. 2018 a las 1:26
  • 1
    Es la única que conozco, también puedes jugar con el text-shadow y el color del input algo así como esto codepen.io/fxm90/pen/MpGQwL el 14 ago. 2018 a las 2:43
  • Si solo desea cambiar los inputs de texto, no debería ser mejor input[type=text] ? el 14 ago. 2018 a las 6:15
  • correcto esta es la unica propiedad que he podido encontrar el 14 ago. 2018 a las 7:10

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.