El cursor de intercalación de inserción o de entrada de texto generalmente se refiere a una línea vertical delgada y parpadeante. Funciona en un campo de entrada para indicar dónde se insertará el siguiente carácter escrito.
Si desea ocultar este cursor de entrada de los campos de entrada en su página web, el color de intercalaciónSe utiliza la propiedad de CSS. Tiene tres valores de propiedad, incluidos automático, color y transparente. En este artículo, nos centraremos en el valor transparente .
Sintaxis:
caret-color: transparent;
Ejemplo: El siguiente ejemplo oculta el cursor de entrada de texto usando CSS.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Hide insertion caret</title>
<style>
body {
text-align: center;
}
.hidden {
caret-color: transparent;
}
</style>
</head>
<body>
<h2 style="color:green;">Welcome To GFG</h2>
<h2> Visible Input Text Cursor </h2>
<input type="text"><br><br>
<h2> Hidden Input Text Cursor Using
<b>transparent</b> value
</h2>
<input type="text" class="hidden">
</body>
</html>
Producción:
Cursor oculto