html - 日期字段大小(在所有情况下)大于 ASP.Net 中列中的所有其他字段

标签 html css asp.net bootstrap-modal

我已经使用 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 /

enter image description here

我附上了两个浏览器输出的屏幕截图。谁能帮我解决这个问题。

最佳答案

在表面上,没有办法,只能保留它。每个浏览器都可以以不同的方式呈现 HTML 元素。所以你有两个选择:

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

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

关于html - 日期字段大小(在所有情况下)大于 ASP.Net 中列中的所有其他字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42408588/

相关文章:

asp.net - 我如何将 jqueryui 主题转换为 Asp.net 主题

javascript - 在文本节点内的网页上创建换行符 - Javascript

html - CSS 相关;针对特定的 li 类

php - 如何在同一个表中使用php比较两列的值,如果值相同则为它们着色

javascript - 将 div 包裹在一个周围并阻止 div 隐藏起来

asp.net - asp.net 中的 css 垂直制表符

html - 父 div 对于子 div 来说太小了

javascript - 通过创建水平表的数组进行映射

html - css transition 在隐藏的 div 中不起作用

c# - DropDownListFor 默认从模型中选择的项目