html - HTML TextArea doesn't get bigger when I increase the columns

Question

My text area is not expanding horizontally when I increase the number of columns. It is stuck at around 5 columns or so. No matter how big I increase it, it stays the same size. The rows change with no problem.

This happens no matter where I put a text area on my Wordpress website. Leads me to believe it's a styling issue, but I don't know what's causing it.

<textarea name="message" rows="3" cols="40"></textarea>

Answer 1

另一种方法是使用 CSS。大号

<textarea style="width: 300px; height: 150px;" name="message" rows="3" cols="40"></textarea>

您可以根据需要更改宽度、高度。

Answer 2

你必须在你的css中有类似下面的东西：

input,
select,
textarea {
    max-width: 280px;
}