Автоматическое изменение размера текстовой области

0

У меня есть текстовая область, которая автоматически изменяет размер, но теперь она игнорирует мой CSS для высоты текстовой области, и я не могу найти способ обойти ее. Он не игнорирует какой-либо другой css только атрибут height.

HTML

   <textarea id="test" class="text2" name="lgyesterday" onkeyup="resizeTextarea('test');" data-resizable="true"> </textarea>

CSS

.text2{
    margin:10px;
    float:left;
    width:47%;
    font-family:sans-serif, "arial helvetica";
        font-size: 15px;
        height: 80px;
}

Я просто задавался вопросом, не знает ли кто-нибудь, как я мог бы установить высоту текстового поля?

Теги:
textarea

2 ответа

2
Лучший ответ

Удали это:

onkeyup="resizeTextarea('test');"

Скорее всего, это то, что изменяет размер области, используя встроенные стили, что переопределит ваш CSS. Вы также можете переопределить встроенные стили, добавив: !important:

height: 80px!important;

РЕДАКТИРОВАТЬ

Попробуйте min-height если вы хотите предотвратить, если снижаться:

min-height: 80px;
Поделиться
  • 0
    Но тогда размер моей текстовой области автоматически не изменится?
  • 0
    Вы хотите изменить его размер или хотите применить height:80px ? Потому что вы не можете иметь оба :)
Показать ещё 3 комментария
0

Атрибут height в вашем примере отлично подходит для меня (Chrome). Но также можно определить высоту с атрибутом "rows". Пример:

<textarea cols="50" rows="10">
Поделиться
  • 0
    Высота также прекрасно работает со мной, просто когда к нему применен JavaScript, он переопределяется. Ответ ниже сработал. Ура в любом случае @Roland

Ещё вопросы

Сообщество Overcoder
Наверх
Меню