Google Chrome垂直< input type =" range" /> [英] Google chrome vertical <input type="range" />
问题描述
在歌剧院,我可以做以下
On opera, i can do the following
<style>
#range{
width: 20px;
heigth: 300px;
}
</style>
<input type="range" id="range" />
,它将渲染一个垂直滑块。但是,这似乎不工作的铬。有没有办法我可以做到这一点? (我不是在寻找任何jQuery滑块或任何东西)
and it will render a vertical slider. However, this doesn't seem to work on chrome. Is there a way I can do this? (I'm not looking for any jQuery sliders or anything)
推荐答案
Chromium尚未实现支持尚未:
请参阅: http://www.chromium.org/developers/web-platform-status/forms
尚不可用
Not available yet
- Localization of
- Dedicated UIs for color, date, datetime, datetime-local, month, time, and week types
- Automatic switching to vertical range
- Value sanitization algorithms
- datalist element, list attribute, and list/selectedOption properties
- 的本地化
- 专用的颜色,日期,datetime,datetime-
和周类型 - 自动切换到垂直范围
- 价值清理算法
- datalist元素,list属性和list / selectedOption属性
Vuurwerk indicated that it is actually possible to alter the presentation using the -webkit-appearance: slider-vertical
property. Although this does transform it into a vertical slider, I would not recommend doing this, since it will break your layout and doesn't look really pretty: example.
<编辑: Vuurwerk 指示,实际上可以使用 -webkit-appearance:slider-vertical
属性更改表示。虽然这会将它转换为垂直滑块,我不建议这样做,因为它会打破你的布局,看起来不漂亮:示例。
If you really want a vertical slider, use a JavaScript solution. Support for <input type="range" />
is very basic at the moment anyway, so you are probably better off with a graceful degradation or progressive enhancement approach.
这篇关于Google Chrome垂直< input type =" range" />的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!