有没有可能让按钮和滚动条这样的标准控件看起来不一样?例如,我有自己的正常和按下按钮状态的图像,如何让按钮使用它们?
如果我只为普通样式和按下样式设置背景,按钮仍然具有其初始形式,这与我的图像形式不匹配。
那么,滚动条呢?它们很复杂,每个州都包含多个图像。
致以敬意,
发布于 2011-07-16 01:30:21
对于表单控件,使用CSS中的:active和:hover伪类,并用图像替换按钮和表单元素的背景。在this excellent tutorial中,通过这些技术,可以指导您使用HTML5和CSS3创建自定义搜索表单。
对于滚动条,要么避免完全改变它们的样式(特别是如果你谈论的是视口滚动条,因为它们是浏览器的一部分,而不是你的网站的一部分,而用户希望它们以某种方式显示)。如果您一定要更改它们,只需使用渐进式增强javascript (也许使用jQuery)首先隐藏滚动条(设置overflow: hidden),然后将button和input type="range" (或非HTML5元素,如果浏览器支持很重要)插入到DOM中,以您想要的方式设置它们的样式,并挂钩它们的click事件来滚动任何需要滚动的内容。这里有many jQuery plugins that do this for you。
发布于 2011-07-16 00:51:59
通常,您必须在这些控件上叠加div或从头开始创建控件。看看JQuery UI如何显示某些控件是一个很好的起点,可以开始了解如何做到这一点。最简单的方法就是使用css,并使用JQuery调色器或自定义的css来设置控件的样式。仅凭自己的力量完成其中的一些任务并不容易。
https://stackoverflow.com/questions/6710009
复制相似问题