html - 入力日付の x および上下矢印要素を取り除くには?

Question

ボックスに表示する必要があるのはオレンジ色の三角形だけです。三角形の左側にある 2 つの要素を取り除くために CSS が必要か、それとも何か他のものが必要かどうかはわかりません。

そうする方法はありますか？入力タイプを使用しているだけですdate。

フィドル: http://jsfiddle.net/5M2PD/1/

Answer 1

疑似クラス-webkit-inner-spin-buttonを使用して、Webkit ベースのブラウザーに固有のスタイルを設定します。

http://jsfiddle.net/5M2PD/2/

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

ドロップダウン矢印のスタイルを変更したい場合は、疑似クラスを使用して-webkit-calendar-picker-indicatorください:

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

クリア ボタンを削除するには、入力を必須に設定します。

http://jsfiddle.net/5M2PD/3/

<input type="date" required="required" />