ダークテーマで「Time」入力アイコンが黒くなる

以下を参照してください。

明るい色、おそらく var(--primary) になるはずです。:slight_smile:


時間入力が使用されていることに気づきましたが、それが存在することを知らなかったため、特にデバイス/ブラウザによってデザインが異なる場合、変更できるかどうかはわかりません :thinking:


Windows 11 のデスクトップ Chrome 108.0.5359.125 を使用しています。

「いいね!」 1

2回目のインジケーターが表示されません。

これはどのデバイス/OS/ブラウザの組み合わせですか?

「いいね!」 2

デスクトップChrome 108.0.5359.125 (Windows 11) にこの情報を追加しました。

Chromeで再現できます。input type="time"に時計が追加されます。

「いいね!」 1

Webkitベースのブラウザのソリューションについては、https://stackoverflow.com/questions/63002686/how-do-i-change-the-color-of-the-small-clock-icon-that-comes-with-the-html-input#comment119665982_64184578 を参照してください。

時計を表示したくない場合は、いつでも次のようにすることができます。

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
}
「いいね!」 2