Как изменить интервал между текстом при вводе времени в HTML? ⇐ CSS

[Anonymous]

Я делаю селектор временного диапазона и использую Bootstrap. Он должен иметь специальное фиксирование, чтобы он мог сочетаться с другими компонентами. Я заметил, что Firefox отображает текст ввода type="time" немного дальше, чем Chrome, и это приводит к обрезанию текста


Общий размер текста кажется нормальным, но это расстояние между числами и временем до полудня и после полудня, что, по-видимому, является реальной проблемой.
Я обнаружил, что могу установить интервал между словами: -6px; Letter-spacing: -1px; что делает Firefox немного лучше, но ухудшает внешний вид Chrome из-за того, что теперь все находится слишком близко.
Есть ли способ изменить это, чтобы нормализовать его между браузерами?

Код: Выделить всё

input[type='time']::-webkit-calendar-picker-indicator {
/*Hide the clock icon for time inputs in Webkit browsers*/
display: none;
}

.time-range-selector{
width: 14.5rem !important;
}

.adjusted-time-spacing {
word-spacing: -6px;
letter-spacing: -1px;
}

Код: Выделить всё

Default


-


Adjusted word/letter spacing


-

Подробнее здесь: https://stackoverflow.com/questions/790 ... ime-inputs