My goal is to create an input text field that looks exactly like a span element. I want the user to be able to enter text without realizing they are typing in a field.
I have made some progress, but the main issue now is with the width of the input field. It appears wider than the text it is intended to replace. Here's the link to see the code in action (you can click on "Texte" to start typing).
Below is the relevant CSS code:
input {
background-color: transparent;
padding: 0px;
border: initial;
font: inherit;
margin: 0px;
}