iphone input внутренняя тень и скругление «inner shadow»
Делая один из проектов для своих клиентов, под респонсив дизайн, кто не знает это адаптивная верстка сайта на все виды устройств, клиентом было сделано замечание что на iphone появляется тень и скругление в полях ввода input. Покопавшись в интернете нашел одно простое решение. Ниже представляю его код:
|
1 2 3 4 5 6 7 8 9 |
input{ -webkit-appearance: none; box-shadow: none; -webkit-box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; } |
Также вам в разработке может подойти параметр -webkit-appearance: caret;
Подробнее о команде —webkit-appearance можно почитать на английском.
Услуги репетитора онлайн.
Список курсов которые я веду
*/
- Базовый курс по веб-дизайну;
- Верстка сайтов;
- Общий курс по CMS WordPress и продолжение курса по разработке шаблонов;
- Разработка сайтов на PHP.
