iOS Safariのスライダー(input type="range"のやつ)のつまみをでかくする
inputタグのrangeタイプを用いると出て来るスライダー、
iPhoneやiPadでも表示はされるが小さすぎてつまみずらい。
実は、以下のようにCSSを用いて::-webkit-slider-thumb
でつまみを指定して
widthとheightを両方とも指定することで大きくできる。
input[type="range"]::-webkit-slider-thumb {
width: 35px;
height: 35px;
}
スライダーのCSSを一から作り直すタイプの解決策はよく出てくるが、
「デザインとか仮だしこのままでいい。つまみの大きさだけ、すぐにでっかく!」
という人向けの最速の解決法は意外とググっても出てこないのでここに書き残しておいた。
Author And Source
この問題について(iOS Safariのスライダー(input type="range"のやつ)のつまみをでかくする), 我々は、より多くの情報をここで見つけました https://qiita.com/krmbn0576/items/42920df627adbe70747b著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .