यदि आप जानते हैं कि WebKit SPAN टैग की उपस्थिति को एक बटन, या एक इनपुट फ़ील्ड में बदल सकता है, या यदि आप जानते हैं कि किस गुण से आप उस पर टैप के समय एक तत्व के व्यवहार को निर्धारित कर सकते हैं, तो आप यहां नहीं हैं।
और इसलिए, कुछ बहुत ही रोचक गुण हैं जो कि WebKit इंजन में निहित हैं। उदाहरण के लिए, एक संपत्ति है
-webkit-स्पर्श कॉल आउट
यह संपत्ति आपको टैप के समय ब्राउज़र के व्यवहार को निर्देशित करने और लिंक पर अपनी उंगली रखने की अनुमति देती है। डिफ़ॉल्ट रूप से, एक ब्राउज़र विंडो पॉप अप होती है जिसमें लिंक के बारे में जानकारी होती है। डिफ़ॉल्ट रूप से, यह गुण डिफ़ॉल्ट रूप से सेट होता
है , लेकिन इसे
किसी पर सेट करने से जानकारी के साथ विंडो पॉप अप नहीं होगी।
a.js-only { -webkit-touch-callout: none; }
यह संपत्ति ऐसे मामलों में उपयोगी है जब कोई जावास्क्रिप्ट / AJAX लिंक पर लटका दिया जाता है।
-webkit-उपयोगकर्ता के खींचें
संपत्ति इंगित करती है कि ब्लॉक को खींचने के दौरान, ब्लॉक को खुद को स्थानांतरित करना चाहिए, और इसके अंदर की सामग्री को नहीं।
.content p.noDrag { -webkit-user-drag: none; } .sidebar div.elDrag { -webkit-user-drag: element; }
-webkit-उपस्थिति
इस गुण को एक तत्व में सेट करके, आप यह निर्धारित कर सकते हैं कि SPAN तत्व कैसा दिखेगा। उदाहरण के लिए, एक रेडियो बटन की तरह:
span.lookLikeRadio { -webkit-appearance: radio; }
या बनावट के रूप में:
span.lookLikeTextarea { -webkit-appearance: textarea; }
ऐसे लगभग 50 मान हैं। पूरी सूची
यहां पाई जा सकती
है ।
-webkit-पाठ-सुरक्षा
यह पता चला है कि आप पासवर्ड दर्ज करते समय मुखौटा बदल सकते हैं। उदाहरण के लिए, हलकों के बजाय, आप वर्ग प्रदर्शित कर सकते हैं।
input[type="password"] { -webkit-text-security: square; }
-webkit-उपयोगकर्ता के चयन
निर्धारित करता है कि उपयोगकर्ता तत्व के अंदर क्या चुन सकता है।
div { -webkit-user-select: none; }
वह सब है। यह
इस लेख का मुफ्त अनुवाद था।
यूपीडी प्रॉपर्टी
-webkit-touch-callout द्वारा
परिशोधित करें ।