2013-02-10 20 views
1

信息:我想你已經看到當你在iPad/iPod/iPhone上點擊時,這個黑盒子出現在鏈接的周圍。如果沒有,請點擊鏈接,當新頁面加載完畢後,您會看到它的顯示並消失。如何關閉iPhone/iPod/iPad(CSS)上的鏈接效果?

我有一個將在所有平臺上使用的web應用程序。我使用p-tags作爲鏈接,因爲我不需要大量的a-tag默認功能和外觀,並且鏈接是通過JavaScript執行的。

問題是,即使我使用p-tags,當你點擊它時,iPad在鏈接周圍顯示這個惱人的黑盒子。黑盒子有助於告訴用戶他們在下一頁加載時實際上設法點擊鏈接,但是這個web應用程序從localStorage加載了東西,所以不需要讓這個盒子混亂GUI ...

這個盒子怎麼可以被刪除?

+0

@reinder因爲他們不爲鏈接的功能,他們只是改變了應用程序的狀態。 – 2013-02-10 15:19:18

+0

儘管如此,段落標籤的選擇仍然是一個謎。如果它只是改變狀態,它仍然是用戶執行的動作,所以A標籤仍然有意義。 – reinder 2013-02-10 15:22:48

+0

好的,但這意味着我必須阻止所有默認的瀏覽器操作。 – 2013-02-10 15:23:38

回答

4

您對鏈接使用段落(p-tags)的理由對我來說完全是個謎。無論標籤是什麼,您都可以通過CSS控制樣式。 P標籤用於段落,A標籤用於鏈接。這是我能想到的HTML語義中最基本的東西。

你指的這個盒子是「-webkit抽頭高亮顏色」 見http://css-infos.net/property/-webkit-tap-highlight-color