1. घर
  2. सवाल और जवाब
  3. -webkit-tap-highlight-color: rgba (0,0,0,0); एक div पर?

-webkit-tap-highlight-color: rgba (0,0,0,0); एक div पर?

2009-12-29 10 views

उत्तर

23

क्या आप आईफोन/स्मार्टफोन वेबसाइटों के लिए लिख रहे हैं? यदि हां, तो हाँ। लेकिन आप शायद अपने फोन/सिम्युलेटर पर केवल परिणाम देखेंगे। मुझे लगता है कि इस तत्व का उपयोग केवल लिंक या जावास्क्रिप्ट तत्वों पर किया जा सकता है। Div को किसी प्रकार की पटकथा से प्रभावित होना होगा, या एक लिंक होना चाहिए।

http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html

<!DOCTYPE HTML> 
<html> 
    <head> 
    <title>Highlighting Elements</title> 
    <style type="text/css"> 
     .borderImage 
     { 
      -webkit-tap-highlight-color:rgba(0,0,0,0); 

     }  
     </style> 
    </head> 
<body> 
    <div class="borderImage"> 
    <a href="#"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non felis risus, tristique luctus lacus. Vestibulum non aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent eleifend augue a ligula ornare quis lacinia risus ullamcorper. 
    </a> 
    </div> 
</body> 
</html>

स्रोत

2009-12-29 16:48:19 tahdhaze09

+0

मुझे पहले से ही यह पता था :) शायद कुछ कोड, या एक लिंक? – tarnfeld

+4

ओ frabjous दिन! Callooh! Callay! मैं उस शापित नारंगी हाइलाइट को अक्षम करने का एक तरीका खोज रहा हूं। और वहां है। धन्यवाद! –

+0

मुझे खुशी है कि आपको यह उपयोगी लगता है! – tahdhaze09

4

मैं अपने iphone वेब अनुप्रयोग के लिए मेरी एचटीएमएल वस्तुओं के सभी (*) को यह लागू होता है।

बस अपने सीएसएस कोड से जोड़ें:

*{ 
/* Prevent any object from being highlighted upon touch event*/ 
-webkit-tap-highlight-color: rgba(0,0,0,0); }

मैं जोड़ सकते हैं और मेरे बटन है, जो मेरे बटन की पृष्ठभूमि छवि (वास्तव में इन div रों हैं संभालती को touchstart और touchend ईवेंट प्रबंधित करने के jQuery मोबाइल का इस्तेमाल किया), ऐसा लगता है कि वे टचस्टार्ट पर दबाए जाते हैं।

स्रोत

2011-11-11 10:08:21

0

यह काम करना चाहिए:

-webkit-tap-highlight-color:transparent

स्रोत

2016-05-18 08:13:51

संबंधित मुद्दे

 संबंधित मुद्दे