:placeholder-shownПсеудо-класа бира саму улазни елемент када чувар места текст постоји у улаз форми. Замислите то као леп начин за разликовање улаза који тренутно приказују текст резервираног места од оних који то нису.
input:placeholder-shown ( border: 5px solid red; )Идеја иза чувара места
Текстуални с и улаз могу имати текст резервираног места. Текст се приказује када је улаз празан, да би се сугерисала могућа вредност. На пример, образац у којем се тражи школа може имати ознаку за оно што тражи, али онда као пример вредности предложите „Пример средње школе Форест Хиллс“ у резерви:
School Name: Разлика између :placeholder-shownи::placeholder
:placeholder-shownје за одабир самог уноса када се приказује његов текст резервираног места. Насупрот ::placeholderкојим стиловима се чува текст.
Ево дијаграма:
Ово ме је збунило као:
- наочаре имају само
:placeholder-shownа не::placeholder :placeholder-shownи даље може утицати на стил текста резервираног места, јер је надређени елемент (нпр. величина фонта).
Имајте на уму да :placeholder-shownје псеудо- класа (то је елемент у одређеном стању) и да ::placeholderје псеудо- елемент (видљива ствар која заправо није у ДОМ-у). Препознатљив по двоструким и двотачкама.
Таб Аткинс ми је то рашчистио путем е-поште:
:placeholder-shown, као псеудо-класа, мора да изабере постојећи елемент. Одабире улаз кад год сте у стању приказивања чувара места.::placeholderПсеудо-елеменат завршава стварни чувара места текста.
Ако треба да обликујете текст чувара места
Користите ::placeholder (заправо користите све луде префиксе добављача) које смо детаљно описали у Алманаху овде.
Више информација
- Селектори Ниво 4 Спец
Подршка прегледача
Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.
Десктоп
| Хром | Фирефок | ИЕ | Ивица | Сафари |
|---|---|---|---|---|
| 47 | 51 | 11 * | 79 | 9 |
Мобиле / Таблет
| Андроид Цхроме | Андроид Фирефок | Андроид | иОС Сафари |
|---|---|---|---|
| 88 | 85 | 81 | 9.0-9.2 |