CSS

Pasek przewijania w polu TEXTAREA

admin, 2010-06-29, 11:30:38
Jak w prosty sposób usunąć pasek przewijania z pola formularza TEXTAREA?

Pole TEXTAREA jest częstym elementem formularzy. Wbudowany pasek przewijania zaczyna być szczególnie uciążliwy w momencie gdy używamy małego pola TEXTAREA.

Wykorzystując style CSS można w łatwy sposób pozbyc się niechcianego elementu z tego pola.

<form>
<textarea style="overflow:hidden" rows="5" cols="50">
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim.
</textarea>
</form>

Naasze pole TEXTAREA wygląda teraz następująco:

Kiedy  element CSS: "overflow" ma wartość "hidden" jest odpowiedzialny za przycinanie elementów blokowych, co za tym idzie usuwa niechciany pasek przewijania.