如何增加范围的 HTML5 输入类型的长度/大小

use*_*291 7 html

如何增加 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>
Run Code Online (Sandbox Code Playgroud)

我累了属性size="100px"width="100px"但他们没有工作。我想知道是否可以更改 HTML5 范围输入的长度/大小:

在此处输入图片说明

j08*_*691 8

修改宽度对我来说很好https://jsfiddle.net/j08691/592ydrk2/。请注意,您需要使用 CSS,而不是旧的、已弃用的属性。

input[type="range"] {
  width:400px;
}
Run Code Online (Sandbox Code Playgroud)
<form action="/" method="get">
  Points:
  <input type="range" name="points" min="0" max="10">
  <input type="submit">
</form>
Run Code Online (Sandbox Code Playgroud)