Irohabook
CSS インライン要素

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)で妙な矢印が表示されなくなります。

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会