1.firefox vs ChromeでINPU[type=”date”] において、defaultで要求する表示幅が異なる
2.css
td.cell { width: 112px; margin: 0px; padding: 0px; } td.cell input[type="date"]{ width: calc(100% - 6px); border-width:0px; }
3.firefoxの INPU[type=”date”]
4.chromeの INPU[type=”date”]
5.chrome側のindicatorを消す
input[type="date"]::-webkit-calendar-picker-indicator { display: none; }
6.chrome側のindicatorを消したときの振る舞い
・click時にcalendarがpopupせず表示しない
->これでは使えない
7.chrome側の-webkit-calendar-picker-indicatorのcssを変更する
input[type="date"]::-webkit-calendar-picker-indicator { left: 0; padding:0; margin: 0; }
8.これでfirefoxと同じ幅で表示