ブックマーク / takahashikzn.root42.jp (1)

  • input[type='date']の見た目をCSSで変更する - R42日記

    Chromeでは、inputのtypeとしてdateやdatetimeを指定すると、ネイティブのdatepickerを使えるようになります。 これまではjQuery-UIなどを使って実現していたわけですが、それがもう不要になるわけです。近い将来、他のブラウザでも対応されることは確実でしょう。 しかしこのChromeネイティブdatepicker、見た目が若干よろしくありません。 デフォルトではこんな感じになります。 …まあわからなくも無いですが、以下の点が気になります。 ”▼”が微妙。カレンダーのアイコンにすべき。 「年」「月」「日」は不要。区切り文字のスラッシュとカレンダーのアイコンがあれば年月日の入力であることは自明。 スピンボタンは邪魔。使う必要性が思い当たらない。 最近、『いかに最小限の視覚要素で、ユーザーの認知を得るか』を考えることが、UIデザインであると思っています。 というわ

    ubeg1335
    ubeg1335 2014/10/27
    “のスタイルは、Chromeが内部で保持しているDOM構造に対して付与しているものです。 では、内部構造はどうやって調べるかというと、デベロッパーツールのオプションである”Show Shadow DOM”をONにするだけ。 すると以下の
  • 1