مُحول أزرار CSS صمم أزرار CSS مخصصة مع ألوان، حواف، حدود، ظلال، وأffects عند التمرير.

تعتمد الأزرار CSS على عدة خصائص تعمل معاً: background-color لإعداد الملء، color للتحكم في مظهر النص، border لتعريف الخطوط العريضة، border-radius لإنشاء زوايا مستديرة، وpadding للتحكم في المسافات الداخلية. خاصية transition تمكن من تغيير الحالات بشكل سلس عند التمرير. خصائص الخط (حجم الخط ووزن الخط) تتحكم في طباعة الأحرف. يضيف box-shadow عمقًا. لتحقيق الإمكانية، يجب أن يكون للزر هدف لمس بحجم 44x44 بكسل على الأقل وتباين لوني كافٍ (تطلب WCAG AA نسبة 4.5:1 لنص عادي). خاصية cursor: pointer توفر توجيهًا بصرية بأن العنصر قابل للنقر. يجب أن توفر حالات التمرير تغييرًا واضحًا دون المبالغة. فكر في إضافة أسلوب focus-visible للملاحة باللوحة المفاتيح. استخدم عنصر الزر لأداء الإجراءات وعلامة الارتباط لتحديد المسار. يجب أن تستهدف خاصية transition خصائص محددة بدلاً من كلها للحصول على أداء أفضل.