Элемент даты HTML имеет пустое место, когда отключен ⇐ Javascript

[Anonymous]

Проблема:

У меня есть

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

элемент, и он выглядит так:
обычный селектор даты


как вы видите, есть значок «календаря», который можно использовать для выбора даты.
но когда я отключаю поле даты с:

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

выглядит это так:
пустое место вместо значка календаря


как видите, значка "календарь" больше нет, но там, где он был, осталось пустое место, я думаю, что пустое место выглядит как-то плохо и хотел бы удалить его.
Что я пробовал:

Я попытался уменьшить размер ввода с помощью

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

но это начинает выглядеть очень странно, потому что невидимый значок календаря закрывает текст мм/дд/гггг, как вы можете видеть ниже.
мм/дд/гггг скрыт частично


Я подумал еще об одном Речь шла о том, чтобы иметь элемент-контейнер с параметром overflow=hidden, чтобы «отсечь» пустое пространство, но это испортило бы границу ввода, что усложнило бы работу с выбранными и невыделенными состояниями.
Вопрос:

Есть ли чистый и практичный способ сделать элемент ввода такой же ширины, как текст мм/дд/гггг, когда он отключен, без значка календаря, закрывающего текст?

Подробнее здесь: https://stackoverflow.com/questions/798 ... n-disabled