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自定義控件

回答

相關問題