点击带有iPad的标签会触发CSS：焦点状态吗？

概述我有一个使用CSS的下拉菜单#hoverlink：hover div来显示div,然后你可以点击div中的一个链接. 在Android上,当您单击hoverlink时,它会触发：悬停以便这样可以正常工作. 我听说这不适用于iPad.我怎样才能使它工作？我正在考虑使用：焦点作为替代：悬停将完成工作.点击触发器：专注于iPad Safari吗？ 我只是测试它,但我没有iPad试用它： a#hoverl 我有一个使用CSS的下拉菜单#hoverlink：hover div来显示div,然后你可以点击div中的一个链接. @H_403_7@

@H_403_7@在Android上,当您单击hoverlink时,它会触发：悬停以便这样可以正常工作.

@H_403_7@我听说这不适用于iPad.我怎样才能使它工作？我正在考虑使用：焦点作为替代：悬停将完成工作.点击触发器：专注于iPad Safari吗？

@H_403_7@我只是测试它,但我没有iPad试用它：

@H_403_7@

a#hoverlink+div { Transition: all 2s; }a#hoverlink:not(:focus)+div { visibility: hIDden; opacity: 0; }

<a href="JavaScript:" ID="hoverlink">the link</a><div> yes! focus worked,Now wondering if click works<br/><a href="JavaScript:" onclick="alert('great,it worked!')">click here!</a></div>

解决方法 您可以尝试使用：target.下面是一个纯粹的CSS示例.您应该能够使用JavaScript来调整它以满足您的需求. @H_403_7@

@H_403_7@以下是使用：target的参考
https://css-tricks.com/on-target/

@H_403_7@

a#hoverlink+div { Transition: all 2s; }a#hoverlink:not(:target)+div { visibility: none; opacity: 0; }

<a href="#hoverlink" ID="hoverlink">Show The div</a><div>You should see this once the link is clicked</div>

总结

以上是内存溢出为你收集整理的点击带有iPad的标签会触发CSS：焦点状态吗？全部内容，希望文章能够帮你解决点击带有iPad的标签会触发CSS：焦点状态吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。