عنصر المزيف ::file-selector-button في CSS

التعريف والاستخدام

CSS ::file-selector-button العناصر المزيفة تستخدم لتحديد زر النوع <input type="file">.

مثال

مثال 1

تعيين نمط زر <input type="file">

::file-selector-button {
  border: 2px solid black;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: lightgreen;
}

جرب بنفسك

مثال 2

قم بتعيين نمط زر <input type="file"> وأضف تأثير التصفح عند التمرير فوقه:

::file-selector-button {
  border: 2px solid black;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: lightgreen;
}
::file-selector-button:hover {
  background-color: salmon;
  cursor: pointer;
}

جرب بنفسك

جملة CSS

::file-selector-button {
  بيانات css;
}

تفاصيل التقنية

دعم المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذا العنصر المزيف بالكامل.

الصفحات ذات الصلة

دروس:العمود الافتراضي CSS