当前位置: 首页 > 编程笔记 >

Chrome输入类型=“数字” CSS样式

景同
2023-03-14
本文向大家介绍Chrome输入类型=“数字” CSS样式,包括了Chrome输入类型=“数字” CSS样式的使用技巧和注意事项,需要的朋友参考一下

要设置输入类型=数字的样式,请使用以下CSS-

input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

上面显示了没有微调器的情况。

要显示微调框并设置其样式,请使用

input[type=number]::-webkit-inner-spin-button {
   opacity: 1;
}

输出结果

上面显示了以下输出-

 类似资料:
  • 本文向大家介绍CSS样式输入类型按钮,包括了CSS样式输入类型按钮的使用技巧和注意事项,需要的朋友参考一下 输入类型按钮可以是提交按钮或重置按钮。使用CSS,我们可以设置网页上任何按钮的样式。 您可以尝试运行以下代码来设置输入类型按钮的样式: 示例

  • 问题内容: 任何样式都会影响每个输入元素。有没有一种方法可以指定仅应用于复选框的样式,而无需将类应用于每个复选框元素? 问题答案: 使用CSS 2,您可以执行以下操作: 到目前为止,这应该得到广泛的支持。

  • 问题内容: 我有这样的标记: 我希望在用户在第二个输入中意外键入字母时显示跨度。简单吧?作为(可能)相关的问题,当用户移动第一滑块输入时,第二输入中的值消失。为什么?如果我从标记中删除,则不会发生这种情况。 明确说明:我希望用户在键入工具提示时立即看到错误,而无需执行任何“提交”操作。(我不希望实际上根本不需要使用该元素,但是所有相关的演示似乎都需要它。) http://jsfiddle.net/

  • 我想要一个类型为=“number”的输入字段。(以便在移动电话上显示数字键盘)。问题是,我所有的值都是以美分为单位的:1EUR=100美分,我想显示一个逗号作为十进制分隔符(德语格式),所以onChange将把值乘以100,当呈现该值时,它被除以100。但当我输入“5”时在键入下一个数字后,“.”你会迷路的。同样的情况也发生在“,”上。 我找不到任何通过使用input type=“number”而

  • 问题内容: 该属性不适用于。这仅在Chrome中发生。 问题答案: 从MDN的文档中 如果值 类型 属性是,,,,,或,此属性指定的最大字符数(在Unicode代码点),用户可以输入; 对于其他控件类型,将忽略它。 因此在设计上被忽略。 根据您的需求,您可以使用和属性作为 INON 在他/她的回答表明(注:这只会定义的约束范围,而不是值的实际字符长度,虽然-9999〜9999将覆盖所有0-4位数字

  • 我正在使用html5日期输入,但在新表单中Chrome没有正确显示完整值。格式是DD-MM-YYYY,但YYYY部分显示为空白。不过,我可以看到值在那里。 似乎输入右侧的空白是为控件保留的(交叉到清除值、上/下箭头、下拉箭头)。 我没有空间来扩大输入范围。如何使完整日期可见? 例子:http://jsfiddle.net/U6MYy/