acest lucru este destul de aproape de viabil. Trebuie să setați size="1" ca atribut în <input> pentru a schimba dimensiunea foarte mică. Schimbarea dimensiunii este controlată de input:active care anulează clasa de bază cu width: auto;. input:focus prevenirea de a fi redusă atunci când îl tabești.
Posibile probleme: input:focus forțează <input> la un
de7d687b4b „>
specific, care poate fi mai mare decât a fost modificat. Puteți min-width: 100% face acest lucru o „caracteristică” în loc de o problemă, oferind utilizatorului mai mult spațiu pentru a scrie. În cazul în care <input> are focalizare, schimbarea dimensiunii este încă limitată de min-width, dar schimbarea dimensiunii este de obicei efectuată după focalizare (și, de asemenea, Este folosit în primul rând pentru a face ceva mai mare) >
<input type="text" size="1"/><style> input { resize: horizontal; width: 200px; } input:active { width: auto; } input:focus { min-width: 200px; }</style>