:placeholder-shown
Misol
Hozirda placeholder matnini ko‘rsatayotgan istalgan <input> elementini tanlang va unga uslub bering:
input:placeholder-shown {
background-color: beige;
border: 2px solid maroon;
border-radius: 5px;
font-style: italic;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
CSS :placeholder-shown psevdo-klassi hozirda placeholder matnini ko‘rsatayotgan istalgan <input> yoki <textarea> elementini tanlaydi va unga uslub beradi.
Maslahat: Placeholder matniga uslub berish uchun ::placeholder psevdo-klassidan ham foydalaning.
| Versiya: | CSS4 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :placeholder-shown | 47 | 79 | 59 | 9 | 34 |
CSS sintaksisi
:placeholder-shown {
css declarations;
}
Tegishli sahifalar
CSS ma’lumotnomasi ::placeholder
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!