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ć?

Pon.
źródło

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ć

Pon.
źródło
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; } 
Marc
źródło
11

Możesz umieścić to w pliku CSS:

textarea {
  resize: none;
} 
Stelian Matei
źródło
5

wyłącz horizontali verticalz limitem

textarea { 
    width:100%;
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}
Ukośnik wsteczny
źródło
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.

AmerllicA
źródło