首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何垂直显示范围输入滑块?

如何垂直显示范围输入滑块?
EN

Stack Overflow用户
提问于 2018-03-26 07:29:38
回答 2查看 0关注 0票数 0

想展示一个<input type="range" />

EN

Stack Overflow用户

发布于 2018-03-26 15:58:17

对于Chrome,请使用-webkit-appearance: slider-vertical

对于IE,使用writing-mode: bt-lr

对于Firefox,添加一个orient="vertical"属性设置为html。可惜他们是这样做的。视觉样式应该通过CSS来控制,而不是HTML。

代码语言:txt
复制
input[type=range][orient=vertical]
{
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
    width: 8px;
    height: 175px;
    padding: 0 5px;
}
代码语言:txt
复制
<input type="range" orient="vertical" />

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100007790

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档