Search code examples
javascripthtmlinputtimecenter

How do I center the digits on a disabled input type="time" element?

How do I center the digits on a disabled input type="time" element?

Here's an example of a disabled time element that can't be centered because other hidden elements are taking the extra space : 

jsfiddle.net/b4q679ha/1/

How can I disable these elements, or style it so it won't matter?

Solution

  • You can set it in center using padding-left of CSS. Actually it is in center but top-down arrow creates the appearance issue.