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

Started by Xhanch Studio, September 01, 2012, 08:02:15 AM

previous topic - next topic
Go Down

Xhanch Studio

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:
Code Select
input, textarea, select{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
Best Regards,
Susanto B.Sc
----------------------------------------------------------------------------
Web development services, WordPress plugin and theme development, PSD to XHTML conversion - http://xhanch.com
Read free manga online - http://authrone.com

Go Up