解决label标签在IOS设备上无效的问题

作者: harde 分类: HTML&CSS,前端相关 发布时间: 2011-12-22 12:58

最近一直在做Iphone、Android的Web项目,发现个很让人恼火的问题
本身因为硬件原因,手机的屏幕都比较小,也就导致了radio、checkbox的默认大小,难点的令人发指
那么,label的作用这时就应该体现出来了。当令我意想不到的问题是,在包括Iphone、Ipad、IPod Touch上,label标签竟然无效!!

查了一堆文档,都没有说名这个问题,后来作罢,把checkbox大小做的大一点,修改下外观,并跟客户说明了下情况。这才作罢。
今天偶然在网上看到一篇文章,说label在IOS上是有bug的,只要添加个onclick=””就恢复正常了。果断试了下,竟然真的好了~~
完整代码;

<label for="ckb_user" onclick="">我是演示</label>
<input id="ckb_user" type="checkbox" value="0" />

参考文章:《使iPhone Safari的label元素生效》
http://www.keakon.net/2011/01/20/%E4%BD%BFiPhoneSafari%E7%9A%84label%E5%85%83%E7%B4%A0%E7%94%9F%E6%95%88

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注