Свойство appearance
Свойство appearance может быть использовано для того, чтобы элемент выглядел как стандартный пользовательский элемент для этой платформы.
Допустимые значения
- normal — элемент выглядит как текст
- < appearance > — задает внешний вид элемента. Определены следующие значения appearance:
- button — элемент выглядит как кнопка
- push-button — элемент выглядит как нажатая кнопка
- hyperlink — элемент выглядит как ссылка
- radio-button — элемент выглядит как переключатель
- checkbox — элемент выглядит как флажок
- pop-up-menu — элемент выглядит как выпадающий список
- list-menu — элемент выглядит как список с прокруткой
- radio-group — элемент выглядит как группа переключателей
- checkbox-group — элемент выглядит как группа флажков
- field — элемент выглядит как многострочное поле ввода текста
- password — элемент выглядит как однострочное поле ввода пароля
- inherit — наследует значение от родителя
| Значение по умолчанию | normal |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Версия CSS | CSS 3 |
| Поддерживается браузерами |
|
Пример
input [type=button]{
appearance:push-button;
}
Твой код:
Результат:
большой полигон
Заметки
Спецификация не определяет понятия «платформа». В качестве настроек платформы могут быть использованы как настройки операционной системы, так и настройки браузера или даже его скина.
Это свойство относится к CSS3 модулю CSS3 Basic User Interface Module — кандидата в рекомендацию W3C с 11 мая 2004 года.
Хотя для Safari 3.0 и выше и Chrome 1.0 и выше и есть похожее свойство -webkit-appearance, а для Firefox 1.0 и выше -moz-appearance, но они отличаются возможными значениями appearance. Совпадают у всех трех свойств только значения button и checkbox. Кроме того -webkit-appearance и -moz-appearance не поддерживают значений auto и inherit, а по умолчанию имеют значение none, что эквивалентно auto.
По теме
- Нестандартные текстовые поля
- Нестандартные поля выбора файла
- Нестандартные checkbox
- Нестандартные radio
- cuSel — нестандартные select на jQuery
- cuText — нестандартный textarea на jQuery