javascript - 如何在chrome中填写输入类型=范围?
问题描述
我必须在我的网络应用程序中使用输入类型 = 范围。问题是它似乎没有正确填充。
看一看:
这是我的代码:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular-csp.min.css" integrity="sha512-nptw3cPhphu13Dy21CXMS1ceuSy2yxpKswAfZ7bAAE2Lvh8rHXhQFOjU+sSnw4B+mEoQmKFLKOj8lmXKVk3gow==" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular.min.js" integrity="sha512-7oYXeK0OxTFxndh0erL8FsjGvrl2VMDor6fVqzlLGfwOQQqTbYsGPv4ZZ15QHfSk80doyaM0ZJdvkyDcVO7KFA==" crossorigin="anonymous"></script>
<input type="range" min="0" max="3" value="0" @change='${this.handleTableColumns}'>
(名为@change 的函数隐藏索引等于e.target.value 的表列)。
你有什么想法来解决这个问题吗?提前致谢!
解决方案
好吧,伙计们,我发现了这个错误:有一个 css 以一种不寻常的方式设置输入样式。我以这种方式仅更改了特定输入标签而不是范围输入标签的样式。
这是破坏范围输入的 css 规则。这也解释了为什么这里贴出的代码是有效的。谢谢大家!祝你有美好的一天
.styled-input {
padding: 4px 20px;
margin: 0 4px;
font-size: 14px;
border-radius: 2px;
border: 1px solid;
outline: none;
}
推荐阅读
- javascript - 用 JS 动画文本内容
- java - 裁剪图像并将其合并回来而不会造成质量损失
- c# - BigFloat 计算在不同的机器上产生不同的结果
- c - C中的链表和双指针
- node.js - 为终端设置代理,我无法使用 axios 正确重定向
- mysql - 如何将日期分组为月份并在分组后添加新列
- mongodb - 如何使 MongoDB Upsert 真正具有幂等性?
- apache-kafka - 断路器模式是否也适用于异步请求?
- python - (Django) OperationalError at / no such column: minishop_app_products.user_id
- python - 按逻辑顺序/读取方向显示 Azure OCR 输出