Textbox word wrap not working with CSS (word-wrap: break-word)

Question

My Textbox value is more than 20 words.

 .customized { display: block !important; white-space: normal !important; word-wrap: break-word !important; word-break: break-all; width: 100px !important ; } 

 <input type="text" class="form-control customized" value="@item.value"/> 

Text-wrap is not being applied to my textbox, tried in all major browsers, did I miss something?

Answer 1

It's not a textbox. You are using input type="text" instead of "textarea"

Answer 2

据我所知，自动换行不适用于使用html或css的输入文本框...使用textarea代替