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

在Firefox中可以用于垂直方向的HTML5输入类型范围?

周兴朝
2023-03-14
本文向大家介绍在Firefox中可以用于垂直方向的HTML5输入类型范围?,包括了在Firefox中可以用于垂直方向的HTML5输入类型范围?的使用技巧和注意事项,需要的朋友参考一下

现在有可能。在Firefox Web浏览器中可以使用垂直方向的HTML5输入类型范围。

<input type = "range" name = "range" min = "0" max = "" step = "1" value = "2" />

以下是CSS-

input[name = range] {
   position:relative;
   top: 150px;
   width: 200px;
   height: 13px;
   border: 0
   -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
         transform: rotate(270deg);
}
 类似资料:
  • 问题内容: 我正在制作一个要使用范围滑块的网站(我知道它仅支持Webkit浏览器)。 我已经将其完全集成并且可以正常工作。但我想使用a 来显示当前的幻灯片值。 我的意思是,如果最初滑块的值为5,那么在文本框中它应显示为5,当我滑动文本框时,其值应更改。 我可以仅使用还是使用。我想避免。可能吗? 问题答案: 这使用javascript,而不直接使用jquery。它可能有助于您入门。

  • 问题内容: 我想垂直显示一个滑块控件。我只关心支持范围滑块控件的浏览器。 我发现一些注释和参考资料似乎表明将高度设置为大于宽度会导致浏览器自动更改方向,但是在我的测试中,这仅 适用于Opera,而 过去不再适用于Opera。如何垂直定位HTML5范围滑块? 问题答案: 首先,将高度设置为大于宽度。从理论上讲,这就是您所需要的。在HTML5规格建议尽可能多的: … UA根据样式表指定的高度和宽度属性

  • 问题内容: 当我玩时,只有在将滑块放到新位置时Firefox才会触发onchange事件,在该位置上,Chrome和其他人在拖动滑块时触发onchange事件。 如何在Firefox中拖动来实现? 问题答案: 显然Chrome和Safari是错误的:仅应在用户释放鼠标时才触发。要获取连续更新,您应该使用该事件,该事件将通过鼠标和键盘捕获Firefox,Safari和Chrome中的实时更新。 但是

  • 问题内容: 我一直在尝试使文本像我们在ms-word表中那样在垂直方向上移动,但到目前为止,我只能做到这一点 ……我不满意,因为它是一个旋转的盒子……是不是有没有办法获得实际的垂直方向文字? 我只在演示中将旋转设置为305度,这不会使文本垂直。会,但我只是制作了演示以显示旋转。 问题答案: 替代方法:http : //www.thecssninja.com/css/real-text-rotati

  • 问题内容: 我想自定义HTML5中范围输入类型的外观,使其看起来像进度条。我尝试使用CSS类应用一些常见的CSS属性,但似乎它们不起作用。 谁能指导我如何自定义它? 问题答案: 编辑 :如今所有主要浏览器都支持 <进度> 输入[类型=’范围’ 因此, 您应该使用这两个方法之一,如其他答案中所述 ,这不再是公认的答案。 的是非常新的,您已经尝试使用CSS对其进行自定义。:) 我不会尝试这样做有两个原

  • 根据HTML5.org,“number”输入类型的“value属性(如果指定且不为空)必须有一个有效的浮点数。” 然而,它只是一个包含整数的“向上向下”控件(反正是Chrome的最新版本),而不是浮点: null null 是否有一个HTML5本机的浮点输入元素,或者一种使数字输入类型与浮点而不是int一起工作的方法?还是必须求助于jQuery UI插件?