如何将数字居中于禁用的输入类型=" time"元件?

时间:2014-12-01 06:54:33

标签: javascript html5 input time center

如何将数字居中于禁用的输入类型=" time"元件?

这是一个禁用时间元素的示例,它不能居中,因为其他隐藏元素占用了额外的空间:

jsfiddle.net/b4q679ha/1/

如何禁用这些元素,或者设置它以使其无关紧要?

2 个答案:

答案 0 :(得分:2)

您可以使用CSS的左侧填充将其设置在中心。实际上它位于中心,但是自上而下的箭头会产生外观问题。

答案 1 :(得分:1)

您正在使用输入类型时间,您可以使用普通输入类型文本,然后使用其工作

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

或者你可以在css中使用

#timeObj{

padding-left:22px;

}