मैं एक jQueryUI बटन

Question

के लिए एक कस्टम आइकन सेट कर सकता हूँ यह एक कस्टम आइकन, यानी के साथ एक jQueryUI बटन बनाने के लिए संभव है: कि स्प्राइट माउस कि jQueryUI के साथ प्रदान की जाती हैं का हिस्सा नहीं है एक आइकन ???

मैं 3 चेक बॉक्स के एक समूह के लिए ButtonSet कार्यक्षमता का उपयोग कर रहा है, लेकिन क्या बॉक्स से बाहर प्रदान की जाती है की तुलना में अधिक शैली आइकन जरूरत है ...

Answer 1

इसे बाहर काम किया एक सीएसएस हैक के साथ।

सेटअप सामान्य के अनुसार बटन और प्राथमिक आइकन "त्रुटि" वर्ग पृष्ठभूमि छवि के लिए नीचे दिए गए

.Error 
{ 
    background-image: url('Images/Icons/16/Error.png') !important; 
} 

! महत्वपूर्ण ओवरराइड ui-आइकन परिभाषा परिभाषित दे।

Answer 2

मैं अपने बटनों में से एक के लिए इस दृष्टिकोण ले लिया और मैं कुछ दिलचस्प बातें पता चला: "महत्वपूर्ण"

1. मैं ओवरराइड
2. मैं के लिए पृष्ठभूमि स्थिति निर्धारित करने के लिए आवश्यक उपयोग करने की आवश्यकता नहीं किया था मेरे बटन
3. ऐसा लगता है कि आप भी आप jQueryUI प्राथमिक आइकन नाम की तरह कुछ भी रख सकते हैं जैसे (अन्यथा मैं पृष्ठभूमि बटन के बाहर अच्छी तरह से प्रदर्शित हो रही थी लगता है) - यह सिर्फ एक प्लेसहोल्डर के रूप में कुछ की जरूरत है।

   जावास्क्रिप्ट:

मेरी उपयोगों के लिए मैं के साथ समाप्त हो गया

jQuery(function() { 
    jQuery('#share-button').button({ 
     icons: { primary: "icons/share" } 
    }); 

}); 

सीएसएस:

#share-button > span.ui-icon { 
    background-image: url(icons/share.png); 
    background-position:0px 3px;} 

HTML:

<button id='share-button'>Share</button>