Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
/* 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 */
}
</style>
</head>
<body onload="focusInput();">
<script>
function focusInput() {
var inp = document.getElementById('i');
inp.focus();
}
</script>
<!-- The caret will not be seen when the input is focused. -->
<input id='i' value="abcdefghd" style="text-indent: -10px">
</body>
</html>