2011-12-13 94 views
6

我有一個幻燈片與「上一頁」和「下一頁」按鈕divs。防止快速按鈕單擊文本選擇

div內是一個字符「<」或「>」。

問題是,當快速點擊按鈕滾動瀏覽圖片時,文本被選中。

我嘗試了一些CSS技巧來防止選擇按鈕文本,但通常只是選擇文本進一步向下。沒有JS黑客,它也不能跨瀏覽器兼容。

如果div沒有一個字符,它可以很好地工作。我試圖用透明的div來覆蓋div,但是隻要它下面有一個字符,文本就會被選中。

任何建議,以防止這種情況?我寧願解決方案不涉及JavaScript。

謝謝。

+0

我可以不只是建議刪除< and >標籤並使用圖像?一個標題良好的圖片實際上會更好,< >的可訪問性 –

+0

我最近爲了主題目的更改了自定義字體的背景圖片。 < and >實際上看起來像箭頭。 – Enkay

+0

@enkay請告訴我們dominic的解決方案是否適合你 –

回答

6

你可以使用或許一個按鈕應該工作:

<button>&gt;</button> 
+0

只是想到了這一點。我會給它一個鏡頭。 – Enkay

+0

謝謝,這個伎倆。 – Enkay

+0

enkay這工作???????????????????? –

2

我相信這可以用CSS來完成,你必須讓特定瀏覽器,這樣的事情,如果你指定它太貴<文字

-webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -o-user-select: none; 
    user-select: none; 
+0

這是我在帖子中提到的css技巧。它確實適用於按鈕,但最終只能選擇頁面下方的文本。也不確定它在沒有JS的IE中可以工作。不過謝謝。 – Enkay

+0

似乎不能在鉻上工作 –