您好!欢迎进入紫石头原创模板堂!
网站首页 | 购买流程 | 关于我们 |  联系方式 |  客服热线:0371-56789-390
当前位置:首页 >> 建站知识 >> 详情
扫二维码关注紫石头原创模板堂 4大优势,全网首家
  • NO.1

    模板类网站比起独立设计的网站来讲价格低的多,因为很多东西是已经做成的,成本就低很多!

  • NO.2

    开源模板网站,任意修改使用!服务好到没话说!模板建站经常被贴上服务差的标签,而紫石头完全打破这样的格局!

  • NO.3

    模板网站还享受设计型网站同等级售后服务,这不是做梦!紫石头原创模板站,让这一切变为可能!

  • NO.4

    建站速度快,购买后简单修改即可投入使用。设计型网站正常需要10~20个工作日,而模板站只需要几个小时!

免费咨询热线
0371-56789-390

关于苹果手机:active设置无效的问题
发表:紫石头原创模板堂    发表时间:2019-07-17 10:32:03    阅读:192
    前段时间,发现iphone设备不兼容CSS的:active,为了找到解决方法,去搜了一下。
    原因
    其实就是:苹果手机浏览页面中设置的css伪类:active失效了。
    解决方法
    在iOS系统的移动设备中,需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。
    要让css的:active伪类生效,只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。
    Use the :active pseudo-class in your css, then add ontouchstart="" and onmouseover="" to the body tag.(在您的css中使用:active伪类,然后添加ontouchstart=“”和onmouseover=“”到body标签。)
    <body ontouchstart="" onmouseover="">
    </body>
    问题来了:vue该怎么绑?
    答:使用v-on指令。即v-on:touchstart=""。
    用法:<button v-on:click="say1()">点击1</button>
    注:v-on指令相当于绑定事件的监听器。绑定的事件触发了,就可以指定事件的处理函数。
工作时间:周一至周五(08:30~18:00)
Copyright ©2003-2020 永易搜旗下紫石头原创模板堂 All Rights Reserved 豫ICP备14011598号-7 营业执照