Irohabook
0
1982

htmlのdatalistで入力フォームの右端にある下向き矢印を消す(-webkit-calendar-picker-indicator)

html の datalist は入力フォームにおける候補の表示に使いますが、Chrome などの一部のブラウザで、フォームの右端に下向きの矢印がつきます。これを除くには -webkit-calendar-picker-indicatordisplay: none; に設定します。

input::-webkit-calendar-picker-indicator {
    display: none;
}

2019 年 11 月時点で、大手ブラウザ(Chrome、Firefox、Safari)で妙な矢印が表示されなくなります。

次の記事

インライン要素