快速提示：定制的移動Safari自來水高亮顏色
10月1日，2010 11:34上午由Ryan樹叢|在設計 ， 發展 | 3評論有史以來發現的半透明的灰色的背景下出現，有時當你在移動Safari瀏覽器的東西挖掘？ 這是默認的自來水亮點的顏色，移動Safari中顯示，當你點選一個JavaScript click處理的元素。
不幸的是，移動Safari瀏覽器有沒有辦法來區分正常的點擊用戶和委派點擊用戶，這是click事件時，連接到一個容器，該容器中的孩子，而不是每個。 因此，委派的點擊將導致整個容器，只是被竊聽的項目，而不是強調，這既可以是醜陋和用戶的混亂。
好消息是移動Safari支持的CSS擴展名為-webkit-tap-highlight-color ，您可以使用自定義的自來水亮點的顏色，或完全隱藏。
-webkit-tap-highlight-color屬性接受任何標準的CSS顏色值，但你可能想提供一個RGBA值，以控制alpha透明度。 禁用自來水的亮點是作為簡單的alpha值設置為0 ，像這樣：
#container { -webkit-tap-highlight-color: rgba(0,0,0,0); } 打開你喜歡的iOS設備，並查看這個簡單的演示 ，看看有什麼委派點擊看起來既像和沒有自來水的亮點。 如需詳細-webkit-tap-highlight-color和其他有用的移動Safari瀏覽器的CSS擴展，看到的 Safari CSS參考 。
共享和擴展： 書籤del.icio.us Digg它！ | reddit！
3評論
很抱歉，評論已被封閉，在這個時候。
YUI庫在Twitter
翻譯
最近的帖子
檔案：
- 2012年5月 （7）
- 2012年4月 （13）
- 2012年3月 （6）
- 2012年2月 （7）
- 2012年1月 （8）
- 2011年12月 （7）
- 2011年11月 （12）
- 2011年10月 （4）
- 2011年9月 （9）
- 2011年8月 （6）
- 2011年7月 （7）
- 2011年6月 （8）
- 2011年5月 （6）
- 2011年4月 （10）
- 2011年3月 （8）
- 2011年2月 （5）
- 2011年1月 （10）
- 2010年12月 （24）
- 2010年11月 （21）
- 2010年10月 （11）
- 2010年9月 （17）
- 2010年8月 （18）
- 2010年7月 （8）
- 2010年6月 （11）
- 2010年5月 （11）
- 2010年4月 （22）
- 二零一零年三月 （22）
- 2010年2月 （16）
- 2010年1月 （8）
- 2009年12月 （9）
- 2009年11月 （29）
- 2009年10月 （14）
- 2009年9月 （12）
- 2009年8月 （4）
- 2009年7月 （5）
- 2009年6月 （7）
- 2009年5月 （7）
- 二零零九年四月 （7）
- 2009年3月 （15）
- 2009年2月 （10）
- 2009年1月 （7）
- 2008年12月 （11）
- 2008年11月 （12）
- 2008年10月 （16）
- 2008年9月 （4）
- 2008年8月 （9）
- 2008年7月 （12）
- 2008年6月 （11）
- 2008年5月 （12）
- 2008年4月 （11）
- 二零零八年三月 （7）
- 二零零八年二月 （10）
- 2008年1月 （6）
- 2007年12月 （12）
- 二零零七年十一月 （6）
- 二零零七年十月 （5）
- 2007年9月 （8）
- 2007年8月 （6）
- 2007年7月 （3）
- 2007年6月 （7）
- 2007年5月 （12）
- 2007年4月 （8）
- 2007年3月 （7）
- 2007年2月 （7）
- 2007年1月-2007年 （8）
- 2006年12月 （5）
- 2006年11月 （6）
- 2006年10月 （11）
- 2006年9月 （4）
- 2006年8月 （5）
- 2006年7月 （2）
- 2006年6月 （3）
- 2006年5月 （7）
- 2006年4月 （2）
- 2006年3月 （1）
- 2006年2月 （14）
評論政策
我們鼓勵貢獻意見，對博客上的談話。 請注意，雅虎可能在我們的全權，刪除的意見，如果他們是題外話，不適當的，或違反我們的服務條款 。
成為一個Yahoo!
你是一個天才的工程師，產品經理，或設計師，尋找自己沉浸在一個充滿創意和樂趣的環境嗎？ 然後來找到一個與我們的工作 。
元：
很好的提示，謝謝！
評論由悉尼- 2010年10月13日， ＃
我試過這種方法，它工作正常，但有一種方法來消除重點邊境框？ 如果你不知道你指的是什麼，去瀏覽任何使用Android的默認瀏覽器。 如果你點擊一個文本輸入元素，突出“框中（通常是橙色或綠色取決於操作系統版本）出現。 這個亮點框相鄰的是一種內在的黑色/灰色矩形。
我的文字輸入元素與下面的CSS樣式，默認情況下，沒有邊界（這是我所需要的），但是當它被挖掘出來，矩形上述沒有自來水的亮點出現。
邊框樣式：無;
提綱式：無;
顯示：內聯塊;
WebKit的外觀：textarea的;
WebKit的自來水高亮顏色：RGBA（0,0,0,0）;
有誰知道如何刪除它？
傑森- 11月8日，2010 ＃
[...]來源：YUIBlog [...]
pingback的位和PIX IOS：WebKit的UIWebView中除去自來水/單擊“突出顯示/使用CSS邊界 - 2011年2月10日， ＃