Skip to content

Instantly share code, notes, and snippets.

@sola-msr

sola-msr/file0.html

Created July 21, 2018 13:59
Show Gist options
  • Save sola-msr/e9b993ecebf97a3d4074d9f04e659a8e to your computer and use it in GitHub Desktop.
Save sola-msr/e9b993ecebf97a3d4074d9f04e659a8e to your computer and use it in GitHub Desktop.
Download ZIP
【HTML/CSS】日付の入力欄<input type="date">の▼部分（カレンダー表示ボタン）のクリック範囲を大きくする ref: https://qiita.com/sola-msr/items/8d0e6cf2bcaa4654088a
Raw
file0.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
input[type=date]::-webkit-calendar-picker-indicator {
/* 好きなだけpx調整 */
padding: 20px;
}
</style>
</head>
<body>
<input type="date">
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment