如何将禁用的输入 type="time" 元素上的数字居中？答案

【问题标题】：How do I center the digits on a disabled input type="time" element?如何将禁用的输入 type="time" 元素上的数字居中？
【发布时间】：2015-01-29 03:32:05
【问题描述】：

如何将禁用的输入 type="time" 元素上的数字居中？

这是一个无法居中的禁用时间元素示例，因为其他隐藏元素占用了额外空间：

jsfiddle.net/b4q679ha/1/

如何禁用这些元素，或设置样式使其无关紧要？

【问题讨论】：

只有 align 属性的“left”和“right”值在所有主流浏览器中都能正常工作。那么 align 属性仅与一起使用，它指定图像输入根据周围元素的对齐方式。最好的解决方案应该是用 DIV 或 SPAN 并通过 Javascript 替换您禁用的输入字段
好主意。我会试试的。

标签： javascript html input time center

【解决方案1】：

您可以使用 CSS 的 padding-left 将其设置在中心。实际上它在中心，但自上而下的箭头会产生外观问题。

【讨论】：

这是一个很好的 CSS 解决方案。只要定义了父级的宽度。否则更改会增加元素的宽度。
在这种情况下，您可以将 margin-bottom 设置为负值。总有办法的。 :)

【解决方案2】：

你正在使用输入类型的时候你可以使用普通的输入类型文本然后它的工作

<input type="text" id="timeObj"/>

或者你可以在css中使用

#timeObj{

padding-left:22px;

}

【讨论】：