2013-03-28 3 views
11

इंटरनेट एक्सप्लोरर में क्लिक किए गए तत्व के सीमा रंग प्राप्त करने में कोई समस्या है।आईसी में jQuery के साथ सीमा रंग प्राप्त करें .css()

$("#clickme").click(function() { 
    alert($(this).css('border-color')); 
}); 

यहाँ jsfiddle है: http://jsfiddle.net/dS7mc/
यह क्रोम में काम करता है, लेकिन यह IE10 में काम नहीं करता।

कोई विचार यह दोनों के साथ कैसे काम करना है? क्रोम में केवल "सीमा" में बदलना, यह मुझे 2px solid rgb(0, 0, 0) देता है लेकिन मुझे अभी भी खाली अलर्ट मिलता है।

पीएस। हां, मैंने "सीमा रंग" की कोशिश की है। इसके अलावा IE8 पर इस ..Works आईई

में
+1

@dystroy उन्होंने कहा कि यह एक खाली चेतावनी देता है –

उत्तर

5

प्रयास करें काम नहीं करता है

$("#clickme").click(function() { 
    $('body').append($(this).css('border-top-color')); 
}); 

enter image description here

jsFiddle

इसके अलावा, रंग एक अलग तरह फ़ायर्फ़ॉक्स में ब्राउज़र द्वारा लौटाए गए , सफारी और क्रोम उन्हें rgb() मानों के रूप में वापस कर देते हैं और IE उन्हें ठीक उसी तरह देता है जैसे आप उन्हें अपनेमें सेट करते हैंभी जब आप आशुलिपि संकेतन (#f00 बनाम #ff0000) का उपयोग और ओपेरा हमेशा 6 अंक

2

मोहम्मद आदिल के लिए इसी तरह के साथ hexidecimal के रूप में रंग देता है:

$("#clickme").click(function() { 
    var Bcolor = $(this).css("border-left-color"); 
    alert(Bcolor); 
}); 

आप प्रत्येक पक्ष

1

विशिष्ट जानकारी के अनुसार है नियमित जेएस

var clickme = $("#clickme")[0]; 
    clickme.addEventListener('click', function() { 
    alert(clickme.style.borderColor) 
    }, false) 
+0

अच्छा, यह कहने के लिए खेद है, लेकिन मुझे क्रोम में भी खाली अलर्ट मिलता है। आप jsfiddle स्थापित करने का प्रयास कर सकते हैं। – Kedor

+0

क्रोम और फायरबग पर स्थानीय रूप से मेरे लिए काम करता है लेकिन अब बेवकूफ नहीं है कि यह विषम है –

5

ऐसा इसलिए है क्योंकि इंटरनेट एक्सप्लोरर मेंनहीं है।

border-top-color: #000000; 
border-right-color: #000000; 
border-bottom-color: #000000; 
border-left-color: #000000; 

ही border-width और border-style पर लागू होता है (border-left-width, आदि): संपत्ति स्थिति border- को रंग का नया नाम दिया जाता है। आदेश सीमा रंग (यह मानते हुए सभी 4 एक ही हैं) खींच करने के लिए, आप उपयोग करेंगे:

$(this).css('border-top-color'); 

समान रूप से खींचने के लिए border-width या border-style (फिर से यह मानते हुए सभी 4 बराबर हैं) आप उपयोग करेंगे:

$(this).css('border-top-width'); 
$(this).css('border-top-style'); 

आप जो शैली गुण एक तत्व IE के F12 डेवलपर उपकरण साथ है पा सकते हैं:

IE Dev Tools

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