XHanch Studio Log in | Register | Cart

Forum

[How to] Stop/preve...
 
Notifications
Clear all

[How to] Stop/prevent rounded input elements on Safari on Apple devices

1 Posts
1 Users
0 Likes
885 Views
XHanch
(@xhanch-alt)
Posts: 2105
Member Admin
Topic starter
 

By default, Safari browser on Apple devices (iPhone, iPad, iPod, MacBook) will round the HTML input elements such as text box, buttons, combo box, and textarea. This could ruin your website layout especially when you use a stylized elements.

In order to turn off/disable/prevent the element rounded corners, you need to place these CSS codes:

input, textarea, select{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
 
Posted : 01/09/2012 2:02 pm
Share:

× Close Menu