Símbolo de intercalación de estilo teminal en Text Field-Caret. js
| Autor: | jasperandrew |
|---|---|
| Views Total: | 993 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 4, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Caret. js es un plugin de JavaScript Vanilla para reemplazar el cursor de texto predeterminado con una notación de intercalación de estilo terminal en sus campos de texto.
Funcionamiento
Importe el script ' Caret. js ' en el documento HTML.
<script src="caret-js/caret.js"></script>
Aplique el símbolo de intercalación de estilo de terminal al campo de entrada.
<input id="caret-demo" class="caretjs" maxlength="15">
Los estilos CSS primarios para el símbolo de intercalación.
.caretjs {
display: inline-block;
font-family: monospace;
}
.caretjs + span {
font-family: monospace;
background: transparent;
position: relative;
right: 0;
margin: 0;
}
#caret-demo {
background-color: gray;
color: #fff;
padding: 2em;
}
