<script>
document.addEventListener('DOMContentLoaded', () => {
a.type = "foo"
document.execCommand("insertHorizontalRule", false)
a.type = "text"
})
</script>
<input id="a" type="color">
<script>
document.addEventListener('DOMContentLoaded', () => {
a.type = "foo"
document.execCommand("insertHorizontalRule", false)
a.type = "text"
})
</script>
<input id="a" type="color">