iphone input внутрішня тінь та округлення “внутрішня тінь”
Роблячи один із проектів для своїх клієнтів, під респонсив дизайн, хто не знає це адаптивна верстка сайту на всі види пристроїв, клієнтом було зроблено зауваження що на 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.