html - 日期字段大小(在所有情况下)大于 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- 将所有框的高度设置为最大的渲染版本。