htmlcsstextarea

How to change textarea font size without affecting the width

How do I change the font size of the textarea without affecting the width of the textarea box?

I know by applying css such as:

textarea {
    font-size:16px;
}

However it affects the textarea size.

Solution

  • Code in your width and height in the css.

    textarea {
    width: 500px;
    height: 300px;
}

    You can also do this in the html by using the rows, and cols attributes:

    <textarea rows="4" cols="50"></textarea>