设为首页 - 加入收藏 榆林站长网 (http://www.0912zz.com)- 国内知名站长资讯网站,提供最新最全的站长资讯,创业经验,网站建设等!
热搜: 如何 中国 2018 数据
当前位置: 首页 > 创业 > 经验 > 正文

自定义样式的input[type=range]

发布时间:2018-10-14 01:44 所属栏目:[经验] 来源:站长网
导读:今天下午有人在群里提出个问题,能不能把自定义样式应用到HTML 5中的range元素上。晚上研究了一下,是可以实现上述的需求的。请用 Chrome 查看Demo。 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html html head meta http-equiv

今天下午有人在群里提出个问题,能不能把自定义样式应用到HTML 5中的range元素上。晚上研究了一下,是可以实现上述的需求的。请用Chrome查看Demo。

代码如下:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com]



自定义样式的input[type=range]







代码中的”-webkit-appearance: none !important”很重要,要先把-webkit-appearance设置为none才能自定义样式。

作者:周明智
出处:http://www.ued163.com/?p=1286

【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章