加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – “块样式”单选按钮可用于所有内容但iPad

发布时间:2020-12-14 18:41:41 所属栏目:资源 来源:网络整理
导读:我有一组单选按钮,并对它们进行样式设置,使它们显示:阻止它们看起来像按钮(也隐藏了单选按钮本身).这适用于桌面和 Android平板电脑上的Chrome和Firefox ……但不适用于iPad. 在这里看到: http://jsfiddle.net/WhNRK/ 无论出于何种原因,块元素在iPad上都没
我有一组单选按钮,并对它们进行样式设置,使它们显示:阻止它们看起来像按钮(也隐藏了单选按钮本身).这适用于桌面和 Android平板电脑上的Chrome和Firefox ……但不适用于iPad.

在这里看到:
http://jsfiddle.net/WhNRK/

无论出于何种原因,块元素在iPad上都没有“活动”,也没有设置单选按钮.如果我“取消隐藏”单选按钮,您可以看到单击该块时没有选择它.但是,如果我单击实际的单选按钮本身,它会正确选择,甚至可以更改块元素背景颜色!
http://jsfiddle.net/WhNRK/1/

知道我做错了什么导致这种情况发生?好像它应该是非常简单的功能,所以我希望它只是简单的东西,我忽略了……

这个网站的主要用途是用于移动设备,因此绝对需要它在任何iOS设备上工作(假设它可能发生在iPhone上,只是没有在这里与我一起测试).

感谢您的任何建议!

解决方法

最重要的是,你的小提琴确实不适用于iphone,无论是在safari还是chrome.

像我一样好奇,我尝试通过玩你的代码来找到解决方案.在改变html有点使标签成为输入的兄弟,而不是父母.仍然对我的iPhone没有影响.

经过一些谷歌搜索我发现:http://forums.macrumors.com/showthread.php?t=785632
我尝试了解决方案,它似乎工作,虽然我不知道为什么.我猜这是某种bug …

您必须在标签上添加onclick =“”.

我没有在iPad上测试它,但因为它只是一个大的iPhone它应该工作相同.可以在这里找到一个工作实例:http://jsfiddle.net/WhNRK/15/

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读