iPad Safari: जब लिंक हिट किया गया है तो त्वरित ब्लिंकिंग प्रभाव को कैसे अक्षम किया जाए

Question

क्या उसे अक्षम करने का कोई तरीका है?
मुझे केवल ब्राउज़र में मतलब है ... जब आप एक लिंक या एक बटन या एक div पर क्लिक करते हैं, जिस पर एक क्लिक फ़ंक्शन होता है, तो यह एक ग्रे बॉक्स को फ़्लिकर करता है जहां आपने जल्दी क्लिक किया था। मैं इसे कैसे न होने दूँ?

Comments

आपको क्यों चाहिए होगा? ऐसा है कि उपयोगकर्ता जानता है कि वे वास्तव में कुछ सक्रिय कर रहे हैं ... यह बहुत उपयोगी है।

— फोसको

असल में, मैं एक बड़ी छवि के ऊपर एक div है। जब वे इसे डबल क्लिक करते हैं तो इसमें ज़ूम होता है। (मैंने अन्य कारणों से ज़ूमिंग विकल्प को अक्षम कर दिया है) और जब आप इसे एक बार क्लिक करते हैं, तो यह टूलबार को दिखाने या गायब करने की अनुमति देता है। चूँकि यह div पारदर्शी है, मैं नहीं चाहता कि यह उस पर क्लिक करते समय हर पल झिलमिलाता रहे। हालाँकि, मैं इसे अपने अन्य बटन पर रख रहा हूँ।

— बिल्ली

Answer 1

आप उस तत्व की -webkit-tap-highlight-colorसंपत्ति के लिए एक पारदर्शी रंग निर्धारित कर सकते हैं ।

a {
    -webkit-tap-highlight-color: transparent;
}

Comments

यानी:-webkit-tap-highlight-color: rgba(0,0,0,0);

— CrazyTim

बहुत अच्छा, धन्यवाद। मैंने इसे कंटेनर डिव में जोड़ा, जिसमें मेरा मोबाइल ऐप शामिल है, लेकिन मान लें कि आप इसे इस तरह से भी बॉडी एलिमेंट में जोड़ सकते हैं: बॉडी {-वेबकिट-टैप-हाइलाइट-कलर: rgba (0,0,0,0); }

— बी-मनी

रिकॉर्ड के लिए, मैं एक ऐप बना रहा हूं जो फोनगैप में तत्वों पर टैप करते समय एक छोटी सी झिलमिलाहट रखता है, और यह मुझे बग करने के लिए बस ध्यान देने योग्य था। -webkit-tap-highlight-color:transparentहर चीज़ पर सेट करना (यानी *) एक आकर्षण की तरह काम करता है।

— चार्ली

चार्ली - आप जिस मुद्दे को देख रहे हैं, वह यह है कि वेबकिट के निष्क्रिय होने के बाद हाइलाइट रंग को आइटम पर संक्षेप में लागू करने के लिए लगता है। उस तरह एक वैश्विक नियम स्थापित करने के बजाय, -webkit-tap-highlight-color: rgba(0,0,0,0);लक्षित लिंक की निष्क्रिय अवस्था में जोड़ने से समस्या हल हो जाती है।

— माइकल जॉनसन

बस यह जोड़ना चाहते हैं कि उपयोग करने से webkit-tap-highlight-color: noneकाम नहीं चलता है । आपको वास्तव में पारदर्शिता स्थापित करनी होगी rgba(0,0,0,0)।

— मैथ्यूपावकोव

Answer 2

फोनगैप में मोबाइल सफारी का उपयोग करना, केवल यही काम करता है:

* {  -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
  }

स्रोत: iPhone WebKit CSS एनिमेशन झिलमिलाहट का कारण बनता है

इसके अलावा, मुख्य पैनल पर, रेंडरिंग सक्षम करें:

div.myPanelOrWhatever 
  {
      -webkit-transform: translate3d(0, 0, 0)
  }

स्रोत: वेबकिट-परिवर्तन के वेबकिट-संक्रमण पर झिलमिलाहट रोकें

Comments

क्या कोई मोज़िला संस्करण है जिसके बारे में मुझे चिंता करने की ज़रूरत है?

— स्टर्लिंग बॉर्न