html - Firefox 输入类型时间 text-align: center

Question

我想在 Firefox 中对齐输入类型时间的文本。以下代码适用于 Chrome 和 Edge，但不适用于 Firefox：

<input type="time" value="00:00">

input {
    text-align: center;
}

这是一个代码笔

标签： htmlcssfirefoxinputtext-align

Answer 1

即使不是确切的解决方案，您也可以尝试使用<div>元素作为元素的父<input>元素并使用 CSS 使该<div>元素居中，如下所示。它适用于 Firefox 和 Chrome。

<div class="center">
  <input type="time" value="00:00">
</div>

.center {
  text-align: center;
}