htmlのdatalistで入力フォームの右端にある下向き矢印を消す(-webkit-calendar-picker-indicator)
html の datalist は入力フォームにおける候補の表示に使いますが、Chrome などの一部のブラウザで、フォームの右端に下向きの矢印がつきます。これを除くには -webkit-calendar-picker-indicator
を display: none;
に設定します。
input::-webkit-calendar-picker-indicator {
display: none;
}
2019 年 11 月時点で、大手ブラウザ(Chrome、Firefox、Safari)で妙な矢印が表示されなくなります。
インライン要素
-
テキストエリアの横の幅(縦の高さ)をcssで制御する014179