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

Question

В materialize css text area можно ли инициализировать текстовую область определенным числом строк, используя «rows = '20»? Как увеличить количество строк по умолчанию?

код, который не работает:

<div class="input-field col s12"> 
    <textarea id="textarea1" class="materialize-textarea" rows="20" ></textarea> 
    <label for="textarea1">Text</label> 
</div> 

Answer 1

По умолчанию таблица стилей устанавливает высоту, так что вам придется переопределить.

textarea.materialize-textarea{height: 6rem;}