Как поменять стандартный значок даты календаря на другой в input

<input class="input" type="date" value="2023-12-05" />


Ответы (1 шт):

Автор решения: Daniel Bashlak

Можно перекрыть значок:

.sd-container {
  position: relative;
  float: left;
}

.sd {
  padding: 5px 10px;
  height: 30px;
  width: 150px;
}

.open-button {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 25px;
  height: 25px;
  background: #fff;
  pointer-events: none;
}

.open-button button {
  border: none;
  background: transparent;
}
<form>
  <div class="sd-container">
    <input class="sd" type="date" name="selected_date" />
    <span class="open-button">
      <button type="button">?</button>
    </span>
  </div>
</form>

→ Ссылка