Q&A
念のためHTMLもご提示ください。
chrome83 にしたところ、以前は表示されていたinput[type=date]のクリアボタンがなくなってしまったため、
input[type=date]のクリアボタンを表示させて日付のクリアをさせたいです。
css で非表示にする方法は見つかったのですが、表示させる方法がわかりませんでした。
input[type=date]::-webkit-clear-button { -webkit-appearance: none; }
HTMLを追記します。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <input type="date"></input> </body> </html>
chrome83のデベロッパーツールでshadowDOMをONにし上記inputタグを確認したところ、
-webkit-clear-buttonの要素自体がないようでした。
cssでクリア機能を有効にするのは難しいのでしょうか。
ご教授いただければ幸いです。
回答1件
0
ベストアンサー
Chrome 83で行なわれたフォームコントロールの改善のひとつとして、タッチスクリーンでも操作しやすいようにデザイン変更が行われたので、クリアボタン自体が存在しないのではないでしょうか。
投稿2020/06/03 16:30
総合スコア11990
あなたの回答
tips
プレビュー
