我正在寻找一个图像轮播,用户可以通过点击箭头在图像之间切换.例如:

但是,我只能使用HTML和CSS - 没有JavaScript(因此,jQuery).我只需要基本设置; 平滑过渡等不是必需的.
我怎样才能完成这个?
在Webkit浏览器中转到这个超简单的小提琴,然后单击输入:
<input type="text">
<input type="text">
<input type="text">
<a href="#">my first link</a>
<a href="#">my second link</a>
<a href="#">my third link</a>
Run Code Online (Sandbox Code Playgroud)
然后,请注意您可以使用Tab键在键盘上浏览输入和链接(和Shift+ Tab以相反的顺序导航).
现在,看看Mac OS上Firefox中的同一个小提琴并做同样的事情.输入获得焦点,但链接不会获得焦点.这不是CSS显示问题.焦点从最后一个输入跳到URL栏.
我tabindex在标记中尝试了无穷无尽的声明组合,但无济于事,例如:
到底发生了什么事?我会接受任何答案:
a)在Firefox中工作的小提琴
b)解释Mozilla头脑中究竟发生了什么.它似乎与规范相矛盾.