iphone input inner shadow and fillet “inner shadow”
Doing one of the projects for my clients, under responsive design, who does not know this is an adaptive website layout for all types of devices, the client made a remark that on the iphone there is a shadow and rounding in the input fields. After digging around on the Internet, I found one simple solution.. Below is its code:
|
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; } |
Also, in development, the -webkit-appearance parameter may be suitable: caret;
More about the team –webkit-appearance can be read in english.
Online tutoring services.
List of courses I teach
*/
- Basic web design course;
- Site layout;
- General course on CMS WordPress and continuation of the course on template development;
- Website development in PHP.
