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

标签 html

如何增加 HTML5 的长度/大小 range input 让它更长/更大?

<!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" 但它们没有用。我想知道是否有可能更改 HTML5 范围输入的长度/大小:

enter image description here

最佳答案

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

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

关于html - 如何增加 HTML5 输入类型范围的长度/大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44209345/

相关文章:

html - 像 StackOverflow 一样的响应式导航栏

html - 我可以使用 flexbox css 将 4 个表格放在另一个表格之上,可调整大小,最大窗口高度吗?

c# - 在 C# 中将 RichTextFormat 信息转换为 HTML 的最佳解决方案是什么?

css - 努力在 CSS 中对齐 div

javascript - Youtube 嵌入开始时间错误 &lt;iframe&gt;<javascript>

html - 如何让 child 100% 的高度/父 flexbox 的宽度?

html - 为什么过滤 : alpha(opacity=100) break my printouts? (IE7 & IE8)

html - 如何迭代 go/golang 中的一个 HTML 页面的拼接?

html - 只有底部边框的输入文本字段

javascript - 将所有 JSON 值放入单独的 <div> 中