2012-02-21 19 views
115

Potrzebuję wyłączyć poziomą zmianę rozmiaru textarea. Czasami chcę umożliwić pionową zmianę rozmiaru na obszarze tekstowym.Jak wyłączyć zmianę rozmiaru textarea?

Ilekroć tworzę stronę z kontaktem, strona tekstowa sprawia, że ​​mój projekt jest brzydki.

Czy ktoś mógłby mi pomóc, aby go wyłączyć?

+3

Zostawiłbym go, gdybym był tobą. Ustawienie domyślnych wymiarów oznacza, że ​​dobrze pasuje do Twojego projektu, ale użytkownik może go rozciągnąć, jeśli chce mieć większy obszar pisania. Nie zawracam sobie głowy rozciąganiem tych pól komentarza SO, ale opcja jest zawsze dostępna. – Bojangles

Odpowiedz

214

Można użyć CSS

wyłączyć wszystkie

textarea { resize: none; } 

tylko pionowe zmiany rozmiaru

textarea { resize: vertical; } 

tylko poziome zmiany rozmiaru

textarea { resize: horizontal; } 

wyłączyć pionowe i poziome z limitem

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

wyłączyć poziome i pionowe z limitem

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

myślę min-height powinny być użyteczne dla was

+1

, ale min-szerokość nie będzie działać w ie7 i ie6 – Marc

+0

@Marc Wsparcie dla 'min-width' start z ** IE8 ** proszę sprawdzić link http://caniuse.com/#search=min-width – Muhammed

+1

Tak, działa w IE8, ale pamiętaj, że nie jest obsługiwany w IE6 i IE7 – Marc

10

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

textarea { 
    resize: none; 
} 
34

Z pewnym css jak to

textarea 
{ 
    resize: none; 
} 

Albo jeśli chcesz tylko pionowe

textarea { resize:vertical; } 

lub poziomej

textarea { resize:horizontal; } 

lub obu (nie twoja sprawa)

textarea { resize:both; } 
5

wyłączyć horizontal i vertical z limitu

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

Dla textarea użyłem width: 500px !important i height: 350px !important, więc CSS kody zapobiec Resize użytkownika, ale jeśli masz inne znaczniki, należy użyć resize: none dla kompletnych wyjaśnień czytać This Link.

Na przykład dla p tagu należy ustawić overflow mienia o wartości, która jest nie visible a następnie ustawić resize, none, both, vertical, horizontal.

Powiązane problemy