::file-selector-button
Misol
<input type="file"> tugmalariga uslub bering:
::file-selector-button {
border: 2px solid black;
padding: 5px 10px;
border-radius: 5px;
background-color: lightgreen;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
CSS ::file-selector-button psevdo-elementi <input type="file"> turidagi istalgan tugmani tanlaydi.
| Versiya: | CSS Pseudo-elements moduli, 4-daraja |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-elementni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-element | |||||
|---|---|---|---|---|---|
| ::file-selector-button | 89 | 89 | 82 | 14.1 | 75 |
CSS sintaksisi
::file-selector-button {
css declarations;
}
Ko‘proq misollar
Misol
<input type="file"> tugmalariga uslub bering va hover effektini qo‘shing:
::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;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS psevdo-elementlar
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!