HTML 5自定义控件

是否有可能使按钮和滚动条等标准控件看起来不同？例如，我有我自己的正常和按下按钮状态的图像，如何使按钮使用它们？HTML 5自定义控件

如果我只是设置正常和按下样式的背景，按钮仍然有其初始形式，这不符合我的图像形式。

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

问候，

2011-07-15 noober

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

对于滚动，要么完全避免（改变自己的风格，特别是如果你在谈论的视口滚动条，因为这些是浏览器，而不是你的网站的一部分，用户期望他们以某种方式。如果你必须改变它们，只需使用逐渐增强的javascript（可能使用jQuery）来首先隐藏滚动条（设置overflow: hidden），然后在DOM中插入button和input type="range"（或者非HTML5元素，如果浏览器支持很重要）你想要的方式，并钩他们的click事件滚动任何需要滚动。有many jQuery plugins that do this for you。

来源

2011-07-15 17:30:21 You

Butto正常吗？ n仍然是“：active”，当我按下鼠标左键，然后离开按钮区域，保持鼠标左键按下？在相同的情况下，常规Windows按钮变为未压缩状态。 – noober

@noober：这取决于浏览器的决定。 [The specs]（http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes）简单地说：*''active'伪类适用于元素被用户。*”。 – You

嗯...但在同一浏览器中，非定制按钮的行为与普通Windows按钮相似。 – noober

时候你必须层，位于这些控件的div或从头开始创建控件。看看JQuery UI如何显示某些控件是开始理解如何完成的好地方。简单的方法是只使用JQuery UI并使用整合器或自定义CSS来设置控件的样式。自己完成这些任务并不容易。

http://jqueryui.com/

来源

2011-07-15 16:51:59 Caimen

HTML 5自定义控件

回答

相关问题