Jak wyłączyć zmianę rozmiaru obszaru tekstowego?


171

Muszę wyłączyć zmianę rozmiaru obszaru tekstowego w poziomie. Czasami chcę zezwolić na zmianę rozmiaru w pionie w obszarze tekstu.

Za każdym razem, gdy tworzę stronę kontaktową, obszar tekstowy sprawia, że ​​mój projekt jest brzydki.

czy ktoś mógłby mi dać rozwiązanie, aby to wyłączyć?


Odpowiedzi:


315

Możesz użyć css

Wyłącz wszystkie

textarea { resize: none; }

tylko zmiana rozmiaru w pionie

textarea { resize: vertical; }

tylko zmiana rozmiaru w poziomie

textarea { resize: horizontal; } 

wyłącz pionowe i poziome z ograniczeniem

textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

wyłącz poziom i pion z ograniczeniem

textarea { resize: vertical; max-height: 300px; min-height: 200px; }

Myślę, że min-heightpowinno ci się przydać


40

Z niektórymi CSS takimi jak ten

textarea
{
   resize: none;
}

Lub jeśli chcesz tylko w pionie

textarea { resize:vertical; }

Albo poziomo

textarea { resize:horizontal; } 

lub oba (nie twój przypadek)

textarea { resize:both; } 


5

wyłącz horizontali verticalz limitem

textarea { 
    width:100%;
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}

0

Dla textareaKiedyś width: 500px !importanti height: 350px !importanttak to CSSkody zapobiec Resize użytkownika, ale jeśli masz inne znaczniki, należy użyć resize: nonedla kompletnych wyjaśnień przeczytać ten link .

Na przykład, dla ptagu należy ustawić overflowwłaściwość z wartością, która nie jest visible, a następnie ustawić resize, none, both, vertical, horizontal.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.