iframe पर स्क्रॉलबार को कैसे स्टाइल करें?

क्या आईफ्रेम पर स्क्रॉलबार की शैली को बदलना संभव है?iframe पर स्क्रॉलबार को कैसे स्टाइल करें?

मैं निम्नलिखित कोड का उपयोग करके इसे शैली की कोशिश की लेकिन यह काम करने लगते हैं नहीं करता है

html{scrollbar-arrow-color: #252604; 
scrollbar-highlight-color: #BFC097; 
scrollbar-shadow-color: #ffffff; 
scrollbar-base-color : #000000; 
scrollbar-track-color: #E2E1D4; 
scrollbar-face-color: #BFC097; 
scrollbar-3dlight-color: #EFEEEE; 
scrollbar-darkshadow-color: #999999;}

और कोशिश की

body{scrollbar-arrow-color: #252604; 
scrollbar-highlight-color: #BFC097; 
scrollbar-shadow-color: #ffffff; 
scrollbar-base-color : #000000; 
scrollbar-track-color: #E2E1D4; 
scrollbar-face-color: #BFC097; 
scrollbar-3dlight-color: #EFEEEE; 
scrollbar-darkshadow-color: #999999;}

मैं गलत समझ में आ गया है? आईफ्रेम में फ़ाइल एक और डोमेन में बस एक और चीज है? मेरे पास ऐसे अनुभव हैं जहां जावास्क्रिप्ट काम नहीं करता है लेकिन क्या यह सीएसएस को भी प्रभावित करेगा ??

स्रोत

2010-02-17 manraj82

मुझे केवल आईई में काम करने की ज़रूरत है, मैंने सोचा था कि उपरोक्त कोड आईई में काम करेगा, लेकिन जब तक मैं इसे गलत नहीं करता तब तक यह नहीं किया गया ... – manraj82

स्क्रॉलबार शैली के लिए कोई क्रॉस-ब्राउज़र तरीका नहीं है।

कोड जो आपने केवल इंटरनेट एक्सप्लोरर में काम किया है, और केवल क्विर्क (गैर-मानक) मोड में काम करता है।

आईफ्रेम में आपके पास मुख्य पृष्ठ से अलग है, तो आपको उस पृष्ठ पर स्क्रॉलबार को स्टाइल करना होगा जहां वे दिखाई देते हैं, यानी उस पृष्ठ में जिसे आप आईफ़्रेम में लोड करते हैं। मुख्य पृष्ठ पर लागू होने वाली कोई भी स्टाइल आईफ्रेम में क्या प्रभावित नहीं करती है।

यदि आप आईफ्रेम में लोड किए गए पृष्ठ की सामग्री को नहीं बदल सकते हैं, तो इसके स्क्रॉलबार को स्टाइल करना संभव नहीं है।

स्रोत

2010-02-17 13:03:58 Guffa

वह जावास्क्रिप्ट के साथ आईफ्रेम पेज में कोड इंजेक्ट कर सकता था ?? !! http://api.jquery.com/appendTo/ और http://api.jquery.com/prependTo/ हालांकि यह केवल एक शिक्षित अनुमान है - मैंने कभी कोशिश नहीं की है। –

@ जॉनी: यदि पृष्ठ एक ही डोमेन से होता, तो यह संभव होता। – Guffa

ठीक है - ठंडा - सूचक के लिए धन्यवाद! –

AFAIK, आप इसे क्रॉस ब्राउज़र तरीके से नहीं कर सकते हैं। मुझे लगता है कि ऊपर इस्तेमाल किया गया कोड केवल आईई में काम करेगा।

स्रोत

2010-02-17 12:48:38 rahul

मैंने यह कोशिश की है यानी यह काम नहीं किया ....... – manraj82

iframe body, केवल शरीर के लिए प्रयास करें।

This वेबकिट ब्राउज़र (सफारी & क्रोम) में पूरी तरह से काम करेगा, ऐसा नहीं लगता कि एक क्रॉस ब्राउज़र समाधान होगा। ठीक है - आप Javascript के साथ कर सकते हैं!

स्रोत

2010-02-17 12:51:19

वे वेबकिट स्क्रॉलबार शांत हैं। पीएस, वे क्रोम में भी काम करते हैं! –

हाँ - मेरा वेबकिट डालना था - संपादित –

बस आईफ्रेम या स्टाइल स्क्रॉलबार के किसी भी तरीके को खो दें, यह अभी नहीं हुआ है।

स्रोत

2010-02-17 12:51:20