这个 fiddle 显示了我的问题:http://jsfiddle.net/jmTqk/2/ .蓝色 block 遮挡了旋转按钮和日期选择器下 zipper 接。但我认为您需要在 Windows Chrome 上才能看到它。这是一个没有蓝色 block 的版本 http://jsfiddle.net/jmTqk/1/
这个 HTML
<input id='date1' type="date" />
<div id='abcd'>blue block</div>
和这个 CSS
#date1 {
width:6em;
border: 1px solid red;
}
#abcd {
background-color:blue;
height:150px;
width:150px;
display:inline-block;
}
如果您将输入的宽度更改为 11em,则它适合。
在 Ubuntu Chrome 上,CSS 将日历下拉按钮限制在日期输入字段的内部。在 Windows (XP, 7) 上它没有。有没有办法让旋转按钮和下拉菜单符合 Windows 上日期输入的范围并适合红色框?
最佳答案
这是一个 chrome 错误,您可以在此处阅读:
关于css - Windows 上的 Chrome 中的日期输入宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14429985/