Размер элемента внутри div

Question

Итак, у меня есть div с текстовым полем внутри, и по какой-то причине я не могу сделать текстовое поле более широким, чем 50% от ширины div. Я попытался установить ширину вручную в пикселях, но он никогда не будет расти больше. В интерфейсе дизайна он обычно растет, но когда я запускаю проект, это не так. Пробовал во всех браузерах, всегда один и тот же результат.

<div style="width:100%;text-align:left;display:table" runat="server" id="DIVAdd"> 
<asp:TextBox ID="TBDes" runat="server" Height="25px" Width="100%"></asp:TextBox> 
</div> 

Answer 1

width атрибут на input элемента используется только для изображений.

Вы должны применять ширину как стиль.

<div style="width:100%;text-align:left;display:table" runat="server" id="DIVAdd"> 
<asp:TextBox ID="TBDes" runat="server" Height="25px" style="width: 100%"></asp:TextBox> 
</div> 

<div style="width:100%;text-align:left;display:table" runat="server" id="DIVAdd"> 
 
    <input type="textBox" ID="TBDes" runat="server" Height="25px" style="width: 100%" /> 
 
</div>

---

На W3 Input Attribute Chart вы можете увидеть, какие атрибуты применимы к какому типу входного сигнала.

Answer 2

Ok поэтому в основном я использую MS шаблон и на странице CSS site.css был этот

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="select"] { 
max-width: 280px; 
}