CSS buttons display fine and do work, but only if you click in a certain area within that button - that area being the area that wouldve been occupied by the "pill" button that is the deafult display for Apples IOS buttons.
This then also causes problems with "hover" status as when "clicking" does not result in a submit, the button can go into "hover" state and the focus stays on the button..
Quick image comparison below.
First is the CSS button.
Second is the IOS "pill" button (caught image as brief flash when hitting css button)
the CSS button will only initiate the "submit" when clicked in the area of the pill button.
So how to increase the "pill" button area so that the whole of the css button will function correctly?
Bookmarks