پ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 پشتیبانی می‌کند.

کروم ایج فایرفاکس سافاری آپرا
89 89 82 14.1 75

صفحات مرتبط

تعلیم:CSS ناشناس عناصر