{"id":843,"date":"2015-10-08T15:58:07","date_gmt":"2015-10-08T10:28:07","guid":{"rendered":"http:\/\/www.prasadk.com\/my-press\/?p=843"},"modified":"2025-12-09T17:12:29","modified_gmt":"2025-12-09T11:42:29","slug":"how-to-remove-inner-shadow-in-ios","status":"publish","type":"post","link":"https:\/\/www.prasadk.com\/my-press\/how-to-remove-inner-shadow-in-ios\/","title":{"rendered":"Remove input field and textarea inner shadow in iOS"},"content":{"rendered":"<h1>Remove input field and textarea inner shadow in iOS<\/h1>\n<h2>How to Remove input field text\u00a0and text-area inner shadow in iOS: <\/h2>\n<p>Apple\/iOS products are great, but the mobile iOS is adding extra styles to form elements.<\/p>\n<p>This can be quite annoying if you want to get your design to look exactly the same in most browsers\/hybrid apps.<\/p>\n<p>\nHere is how you can remove inner shadow from text input fields and textareas by simply applying the CSS to your input text field and textarea.<\/p>\n<pre><code>\r\n\/* Remove inner shadow from input type=\"text\" and textarea on mobile iOS *\/<\/code>\r\n\r\ntextarea, input[type=\"text\"] {\r\n-webkit-appearance: none;\r\n}\r\n\r\n<\/pre>\n<h2>What is CSS Box Shadow?<\/h2>\n<p>CSS Box Shadow. Used in casting shadows off block-level elements (like divs). &#8230; The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box.<\/p>\n<p><a href=\"http:\/\/www.prasadk.com\/my-press\/remove-input-text-and-textarea-inner-shadow-in-ios\/\"><br \/>\ninner shadow in iOS<br \/>\n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Remove input field and textarea inner shadow in iOS How to Remove input field text\u00a0and text-area inner shadow in iOS: Apple\/iOS products are great, but [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0},"categories":[6],"tags":[],"_links":{"self":[{"href":"https:\/\/www.prasadk.com\/my-press\/wp-json\/wp\/v2\/posts\/843"}],"collection":[{"href":"https:\/\/www.prasadk.com\/my-press\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.prasadk.com\/my-press\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.prasadk.com\/my-press\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.prasadk.com\/my-press\/wp-json\/wp\/v2\/comments?post=843"}],"version-history":[{"count":7,"href":"https:\/\/www.prasadk.com\/my-press\/wp-json\/wp\/v2\/posts\/843\/revisions"}],"predecessor-version":[{"id":1030,"href":"https:\/\/www.prasadk.com\/my-press\/wp-json\/wp\/v2\/posts\/843\/revisions\/1030"}],"wp:attachment":[{"href":"https:\/\/www.prasadk.com\/my-press\/wp-json\/wp\/v2\/media?parent=843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.prasadk.com\/my-press\/wp-json\/wp\/v2\/categories?post=843"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.prasadk.com\/my-press\/wp-json\/wp\/v2\/tags?post=843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}