SmartPhone
//フォーム要素のデフォルトスタイルを削除
input, button, textarea, select {
-webkit-appearance: none;
border-radius: 0;
}
//ラジオボタンやチェックボックスを選択しやすくする
/* 1.5倍に拡大表示 */
input[type="radio"],
input[type="chexkbox"] {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
/* 2倍に拡大表示 */
input[type="radio"],
input[type="chexkbox"] {
-webkit-transform: scale(2.0);
transform: scale(2.0);
}
//テキストが表示領域をオーバーフローした際に「…」を表示
p {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
//文字サイズの自動調整を無効化する
html {
-webkit-text-size-adjust: 100%;
}
//リンクタップ時のカラー変更
a {
-webkit-tap-highlight-color: rgba(0,0,0,.3);
}