The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS I need help with Functional CSS Tabs Re: I need help with Functional CSS Tabs

Kitty Giraudel

To make your pure CSS tabs functional on iPad, add onclick="" to each label.
Yes, an empty onclick attribute. See this for reference:

It’s a commun bug on iOS, but this little trick should fix it.

The other CSS solution to fix it is to put radio inputs on top of labels, with the same size as labels and opacity 0. This way, you don’t click on labels, but directly on invisible inputs.

Or you could use a JavaScript solution for an optimal cross-browsering.