jQuery - सीएसएस ('सीमा-चौड़ाई') फ़ायरफ़ॉक्स पर एक खाली स्ट्रिंग के रूप में लौट रहा है लेकिन क्रोम

Question

पर नहीं, मैं अपने jQuery/CSS के साथ एक क्रॉस ब्राउज़र समस्या को डीबग करने का प्रयास कर रहा हूं।

मैं कक्षा की सीमा चौड़ाई प्राप्त करने का प्रयास कर रहा हूं। वर्ग तो जैसे सीएसएस में सेट किया गया है:

.mod_button { 
    position: relative; 
    color: #fff; 
    border-color: #06253e; 
    border-width: 1px; 
    border-style: solid; 
} 

jQuery में, मैं तो जैसे सीमा-चौड़ाई प्राप्त करने का प्रयास कर रहा हूँ:

var bWidth = $('.mod_button').css('border-width'); 

यह "1px" के एक स्ट्रिंग के रूप में ठीक से वापस जाने के लिए लगता है क्रोम में हालांकि, फ़ायरफ़ॉक्स में यह हमेशा खाली स्ट्रिंग के रूप में लौटाता है। मैंने इन परिणामों को क्रोम और फ़ायरफ़ॉक्स दोनों पर डेवलपर टूल में जेएस डिबगर्स के माध्यम से कदम उठाने की जांच की है।

मैं इस मुद्दे को डीबग करने का प्रयास कर पागल हो रहा हूं और मुझे कोई संक्षिप्त उत्तर नहीं मिल रहा है। शायद यहां समुदाय मुझे इस बात को हल कर सकता है कि मैं इस मुद्दे को कैसे ठीक कर सकता हूं।

धन्यवाद!

Answer 1

"सीमा", "पृष्ठभूमि" और यहां तक ​​कि "सीमा-चौड़ाई" जैसी गुण शॉर्टेंड हैं। वे समर्थित नहीं हैं। इसके बजाय, अधिक विशिष्ट गुणों का उपयोग करें: "सीमा-शीर्ष-चौड़ाई", "सीमा-तल-चौड़ाई"।

निम्न पंक्ति सभी ब्राउज़रों में काम करना चाहिए:

var bWidth = $('.mod-button').css('border-top-width'); 

संबंधित प्रश्न: Getting CSS border value with jQuery in Firefox 14.0.1