تجاوز الخط الافتراضي

لضمان وراثة الخط المتسقة للجميع العناصر، يجب تجاوز إعدادات الخط الافتراضية لعناصر النموذج بشكل صريح. يمكن تحقيق ذلك عن طريق إضافة قاعدة CSS التالية:

input, select, textarea, button {
  font-family: inherit;
}

بإضافة هذه القاعدة، سترث جميع عناصر النموذج خصائص الخط الأصل، بما في ذلك عنصر

عرض توضيحي

يتوفر عرض حي للحل على http://jsfiddle.net/gaby/pEedc/1/. في هذا العرض التوضيحي، يعرض كل من عنصري و خط Verdana، كما هو متوقع.

ملاحظة: