Css显示和隐藏所有浏览器，但Safari。我该如何解决这个问题？

Question

我有一个显示或隐藏元素的触发器切换，它在chrome上运行良好，但出于某种原因在safari中，它不会工作，任何想法？

   <a href='#show'class='show'>see more --></a>
   <a href='#hide'class='hide'>hide</a>

    <div class='hidden-stuff'>
      hidden divs
    </div>

CSS

      .show:focus + .hide {display: inline; }
                .show:focus + .hide + .hidden-stuff {display: block;}

Answer 1

您可以通过添加tabindex属性来解决此问题。

<a href='#show'class='show' tabindex="1">see more --></a>

您可以详细了解 here 。