首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >HTML 5自定义控件

HTML 5自定义控件
EN

Stack Overflow用户
提问于 2011-07-16 00:10:44
回答 2查看 6.4K关注 0票数 2

有没有可能让按钮和滚动条这样的标准控件看起来不一样?例如,我有自己的正常和按下按钮状态的图像,如何让按钮使用它们?

如果我只为普通样式和按下样式设置背景,按钮仍然具有其初始形式,这与我的图像形式不匹配。

那么,滚动条呢?它们很复杂,每个州都包含多个图像。

致以敬意,

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-07-16 01:30:21

对于表单控件,使用CSS中的:active:hover伪类,并用图像替换按钮和表单元素的背景。在this excellent tutorial中,通过这些技术,可以指导您使用HTML5和CSS3创建自定义搜索表单。

对于滚动条,要么避免完全改变它们的样式(特别是如果你谈论的是视口滚动条,因为它们是浏览器的一部分,而不是你的网站的一部分,而用户希望它们以某种方式显示)。如果您一定要更改它们,只需使用渐进式增强javascript (也许使用jQuery)首先隐藏滚动条(设置overflow: hidden),然后将buttoninput type="range" (或非HTML5元素,如果浏览器支持很重要)插入到DOM中,以您想要的方式设置它们的样式,并挂钩它们的click事件来滚动任何需要滚动的内容。这里有many jQuery plugins that do this for you

票数 3
EN

Stack Overflow用户

发布于 2011-07-16 00:51:59

通常,您必须在这些控件上叠加div或从头开始创建控件。看看JQuery UI如何显示某些控件是一个很好的起点,可以开始了解如何做到这一点。最简单的方法就是使用css,并使用JQuery调色器或自定义的css来设置控件的样式。仅凭自己的力量完成其中的一些任务并不容易。

http://jqueryui.com/

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

https://stackoverflow.com/questions/6710009

复制
相关文章

相似问题

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