【HTML】フォームのdateの横のアイコンを非表示させたい

Question

フォームのdateやtimeを作成時、以下のようなアイコンが表示されるのですが、非表示にする方法はありますか。
![

Comments

[miyabi_pudding]

htmlソースコードを記載して下さい。

Answer 1

こんな感じかな。

input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

Answer 2

すみません。かいけつしました。

===追記===
ボタンをフォーム幅まで拡張させ、フォーム上のどこをクリックしても反応するようにし、opacity:0で非表示させました。

input[type="date"]{
  position: relative;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

Comments

[kei344]

【質問をした後に自己解決してしまった --- ヘルプ｜teratail（テラテイル）】
https://teratail.com/help#resolve-myself
> 後から読む人のためにも、具体的な解決手順を記載してください。