appearanceИмовина се користи за приказивање елемент користећи стил платформе матерњи засновану на тему оперативног система корисницима.
.thing ( -webkit-appearance: value; -moz-appearance: value; appearance: value; )Ово почиње да има непрефикс, што је сјајно јер је прича о више прегледача овде веома сложена.
appearanceИмовина се користи за једног од два разлога:
- Да бисте применили стил специфичан за платформу на елемент који га подразумевано нема
- Уклањање стила специфичног за платформу елементу који га подразумевано има
На пример, улази са type=searchпретраживачима ВебКит подразумевано имају заобљене углове и врло су строги у ономе што можете променити путем ЦСС-а. Ако не желите тај стајлинг, можете га једним махом уклонити изгледом.
input(type=search) ( -webkit-appearance: none; )Или можете узети унос са типе = тект и само изгледати као унос за претрагу:
input(type=text) ( -webkit-appearance: searchfield; )Вредности ВебКит-а
- поље за потврду
- радио
- тастер
- квадратно дугме
- дугме
- копча-копча
- Листа кутија
- Листа ствари
- менулиста
- дугме за менулисте
- менулистички-текст
- менулиста-текстуално поље
- клизач дугме-горе
- клизач дугме надоле
- дугме за померање-лево
- дугме за померање -десно
- клизајуће-водоравно
- помицање-вертикално
- сцроллбартхумб-хоризонтал
- сцроллбартхумб-вертицал
- сцроллбаргриппер-хоризонтал
- сцроллбаргриппер-вертицал
- клизач-хоризонтални
- клизач-вертикални
- клизач-хоризонтално
- клизач-палац-вертикално
- царет
- сеарцхфиелд
- тражило-украс
- сеарцхфиелд-ресултс-децоратион
- дугме сеарцхфиелд-ресултс
- дугме за претрагу-откажи
- текстуално поље
- тектареа
Мозилла вредности
- ниједан
- дугме
- поље за потврду
- поље за потврду-контејнер
- поље за потврду-мало
- дијалог
- Листа кутија
- ставка изборника или менија
- менулиста
- дугме за менулисте
- менулиста-текстуално поље
- менипопуп
- прогрес бар
- радио
- радио-контејнер
- радио-мали
- ресизер
- трака за померање
- клизач дугме надоле
- дугме за померање-лево
- дугме за померање -десно
- клизач дугме-горе
- клизајуће-водоравно
- помицање-вертикално
- сепаратор
- статусна трака
- таб
- таб-лева ивица Застарело
- табпанелс
- текстуално поље
- текстуално поље-вишередни
- трака са алаткама
- дугме на траци са алаткама
- кутија алата
- -моз-мац-унифиед-тоолбар
- -моз-вин-гласс-без-стакла
- -моз-вин-бровсертаббар-тоолбок
- -моз-вин-цоммуницатион-тоолбок
- -моз-вин-гласс
- -моз-вин-медиа-тоолбок
- тоолтип
- треехеадерцелл
- треехеадерсортарров
- трееитем
- треетвисти
- треетвистиопен
- треевиев
- прозор
Ресурси
- Мозилла Доцс за изглед -моз
- Трент Валтон на изгледу Вебкит-а
- Схаун Инман о онемогућавању унутрашње текстуалне сенке уноса текста на иПад-у
- ЦСС3 Спец
Подршка прегледача
Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.
Десктоп
| Хром | Фирефок | ИЕ | Ивица | Сафари |
|---|---|---|---|---|
| 83 * | 80 | Не | 83 * | ТП * |
Мобиле / Таблет
| Андроид Цхроме | Андроид Фирефок | Андроид | иОС Сафари |
|---|---|---|---|
| 88 | 85 * | 81 * | 14,0-14,4 * |