Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<meta charset="utf-8">
/* Eliminate the blue glow when focusing the element. */
input {
background: none;
border: none;
outline: none;
caret-color: transparent; /* This tests AccessibleCaret, hide the regular caret */
<body onload="focusInput();">
function focusInput() {
var inp = document.getElementById('i');
<a target="_blank" href="">Mozilla Bug 1082486</a>
<!-- The caret will not be seen when the input is focused. -->
<input id='i' value="abcdefghd" style="text-indent: -10px">