پseudo-element ::file-selector-button CSS

تعریف و استفاده

CSS ::file-selector-button پseudo-element برای انتخاب دکمه‌های نوع <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;
}

جزئیات فنی

نسخه: مодуل Pseudo-elements CSS سطح 4

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این پseudo-element به طور کامل پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
89 89 82 14.1 75

صفحات مرتبط

آموزش: }}عنصر فرضی CSS