هل يمكنني تعيين أيقونة مخصصة لزر jQueryui

Question

هل من الممكن إنشاء زر jQueryui مع أيقونة مخصصة ، أي: أيقونة ليست جزءًا من أيقونات العفريت التي يتم توفيرها مع jQueryui ؟؟؟

أنا أستخدم وظيفة buttonset لمجموعة من 3 مربعات الاختيار ولكن بحاجة إلى رمز أكثر منمقًا مما يتم توفيره من الصندوق ...

Answer 1

عملت مع اختراق CSS.

قم بإعداد الزر حسب المعدل المعتاد وقم بإعطاء الرمز الأساسي فئة "الخطأ" المحددة أدناه

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

يتجاوز! المهم تعريف UI-ICON لصورة الخلفية.

Answer 2

لقد اتخذت هذا النهج لأحد الأزرار واكتشفت بعض الأشياء المثيرة للاهتمام:

1. لم أكن بحاجة إلى استخدام التجاوز "! المهم"
2. كنت بحاجة إلى ضبط موقع الخلفية لزر بلدي (وإلا أعتقد أن الخلفية تم عرضها جيدًا خارج الزر)
3. يبدو أنه يمكنك أيضًا وضع أي شيء تريده في اسم أيقونة JQueryui الأساسي - إنه يحتاج فقط إلى شيء نائب.

لاستخداماتي انتهى بي الأمر مع:

JavaScript:

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

});

CSS:

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

لغة البرمجة:

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