日期字段的大小（所有情况下）大于ASP.Net列中的所有其他字段

Question

我已经使用ASP.Net创建了一个应用程序。 在这里，我的问题是在Firefox中正确对齐的“日期”输入字段，但在Chrome中，它显示的边框大于所有其他文本框。 这是日期字段的代码，

<div class="input-group date form_date dob" data-date="" data-date-format="dd-mm-yyyy" data-link-field="dtp_input2" style="width:176%">
<input class="form-control" tabindex="5" size="12" @*required="required"*@ data-date-format="dd-mm-yyyy" type="text" id="txtDOB" data-bind="date:DOB,value:DOB" @*readonly*@>
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span></div>
 <input type="[enter image description here][1]hidden" id="dtp_input2" data-bind="value:DOB" /><br /

我已经附上了两个浏览器输出的屏幕截图。 谁可以帮我这个事。

Answer 1

面对现实，别无选择。 每个浏览器可以以不同的方式呈现HTML元素。 因此，您有两种选择：

1-使用日期插件。 这将使您的应用在所有浏览器中看起来都一样。

2-将所有盒子的高度设置为最大的渲染版本。