HTML5の長さ/サイズを増やすにはrange input これを長くするにはどうすればよいですか？HTML5入力タイプの長さ/サイズを増やす方法
<!DOCTYPE html>
<html>
<body>
<form action="/" method="get">
Points:
<input type="range" name="points" min="0" max="10">
<input type="submit">
</form>
</body>
</html>
私は疲れ属性size="100px"ともwidth="100px"が、彼らは動作しませんでした。
幅を変更すると、私https://jsfiddle.net/j08691/592ydrk2/のために正常に動作します：HTML5のレンジ入力のな長さ/サイズを変更することも可能であるのだろうか。古い属性ではなくCSSを使用する必要があることに注意してください。
input[type="range"] {
width:400px;
}<form action="/" method="get">
Points:
<input type="range" name="points" min="0" max="10">
<input type="submit">
</form>widthプロパティはsize属性のタイプrangeでinput要素では動作しません
input[type="range"]{
width:500px;
}<!DOCTYPE html>
<html>
<body>
<form action="/" method="get">
Points:
<input type="range" name="points" min="0" max="10">
<input type="submit">
</form>
</body>
</html>input[type="range"]{
width:500px;
}
正常に動作します。しかし、あなたは簡単にそれが大きくなったり小さくしたりするためにCSSを使用することができます：あなたはの長さ/サイズを変更can`t CSS
<input type="range" style="width: 500px;" value=10>
CSSを使用しないHTML5範囲入力。
使用できる属性は、value、min、max、stepのみです。そしてそれらのどれもあなたが必要とするものをしません。
詳細については、Thisのスライダのスタイリングを参照してください。
を経由して幅を設定し
input[type=range] {
width: 75%;
}<!DOCTYPE html>
<html>
<body>
<form action="/" method="get">
Points:
<input type="range" name="points" min="0" max="10">
<input type="submit">
</form>
</body>
</html>