CSS - Remove input shadow for radio buttons in Ipad

Asked Jul 19 '16 at 04:28

Active Jul 19 '16 at 04:28

Viewed 863 times

In Ipad there is a shadow for input boxes, I fixed it with the following css,

input {
   -webkit-appearance: none;
}

But this style cause issue for radio buttons. Radio buttons are not displayed properly. So I modified my css as follows,

input:not([type="radio"]) {
   -webkit-appearance: none;
}

Now there is a shadow inside radio buttons in ipad. Please help me to find a solution to remove the shadow in radio buttons.

asked Jul 19 '16 at 04:28

Can you share plz JSFiddle..? – Codebrekers Jul 19 '16 at 04:30
Possible duplicate of [http://stackoverflow.com/questions/23211656/remove-ios-input-shadow](http://stackoverflow.com/questions/23211656/remove-ios-input-shadow) – Rohit Jul 19 '16 at 04:34
Hi Rohit, this solution is for input type text...I want solution for input type radio. – Reshma Reghunatha Panicker Jul 19 '16 at 04:40
Hi Codebrekers, this issue only exists in ipad. – Reshma Reghunatha Panicker Jul 19 '16 at 04:42

0 Answers0