当前位置:首页 > 日记 > 正文

移动端网页解决CSS主动伪类无效方法

移动端网页解决CSS主动伪类无效方法
本文主要介绍了移动终端网页解决CSS动态伪类失效的方法。我们应该注意移动终端上不同浏览器的兼容性问题。
active伪类是常用的一种连接方式设置点击状态或其他状态下。最常用的锚点,其他元素,如按钮,也是一般主流浏览器的支持下,在多按键鼠标系统,积极为主要的关键是只适用于大多数的目前的情况是左键,主要的关键。
在这个伪类中定义的CSS样式只在鼠标按键和鼠标键释放之间的短暂时刻触发。使用键盘的tab键也可以触发:活动状态。
至于:活跃的伪类必须提到:链接:访问:悬停:活动:四个最常用的是一个链接,设置不同的链接颜色时,鼠标交互:

CSS代码将内容复制到剪贴板。
一:链接{ / *是{链接},或链接其实ES的地方。
颜色:蓝色;
}
答:访问{
颜色:紫色;
}
答:悬停{
颜色:绿色;
}
答:活动{
颜色:红色;
}
上面的代码将是:访问,到最后,它将导致以下结果:如果访问了链接,a:访问将覆盖:活动和悬停:一个样式声明,该链接将总是显示为紫色,无论是悬停还是向下链接都将被激活,紫色。

因此,上面的代码必须被定义的顺序,一般称为lvha秩序::链接mdash;参观:悬停-- --活跃;为方便:内存,可以记录为爱hate
L:链接
o
V:访问
E
H:悬停
一:主动
T
E
浏览器的兼容性:

在项目中,它是移动终端页面进行按钮状态切换的效果。在PC机上没有问题,Android在手机终端是正常的。IOS没有效果。
源代码 uff1a

CSS代码将内容复制到剪贴板。
slotbtn {。
宽度:5.5rem;
身高:4rem;
背景:URL(。 / / SBTN图像,PNG)没有重复00;
WebKit的背景尺寸:100%汽车;
背景尺寸:100%汽车;
溢出:隐藏;
光标:指针;
颜色:透明的WebKit的水龙头;
WebKit的用户选择:无;
}
。slotbtn:活跃,slotbtn:焦点{。
背景图像:URL(。 / / sbtn_active PNG图像。);
}

HTML代码:

xml代码将内容复制到剪贴板。

页面截图:

虽然jQuery经常使用移动框架,把类操作的状态切换到按钮,但是感觉很麻烦,性能也不好。而且我们有一个习惯:主动的自然属性,为什么不合作呢
经过几次查找之后,Mozilla开发社区找到了答案:活动不工作:

{ 1 }默认情况下,Safari移动不使用:活动状态,除非。

看来,在iOS系统的移动设备,有必要结合的按钮元件或身体/ HTML激活touchstart事件:活跃状态。

CSS代码将内容复制到剪贴板。
Document.body.addEventListener('touchstart功能)({ } / /…函数可以是空的);
在添加上面提到的事件监视器代码后,您可以看到按钮按下后Safari移动的切换效果。

相关文章

最新经典的个性滑稽签名和有趣的个

最新经典的个性滑稽签名和有趣的个

滑稽,个性签名,有趣,个性,经典,如今,互联网变得越来越流行。QQ签名时下流行。人们喜欢用它表达自己的内心,或者吸引别人的眼球。萧边在这里介绍了2015最新搞笑签名,我希望你喜欢它。 1,醒来,天是黑的。 2、每天早上醒来头发都不一样,不是弥赛亚就…

选择单词的提示,Word

选择单词的提示,Word

提示,选择,单词,电脑软件,Word,它可以帮助我们改进我们的word操作。下面是一个小汇编的小技巧字,希望对你有所帮助! Word小技巧-光标返回到最后一个编辑点 按Shift + f5 ;组合键,可以将插入点到最后编辑的文档的位置。当按下Shift + f5再次和组…

情人快乐个性签名快乐个性签名

情人快乐个性签名快乐个性签名

个性签名,快乐,情人,电脑软件,如果你忘不了你的心,请慢慢来,然后由小编辑推荐一个快乐的个性签名,希望对你有所帮助! 快乐人格签名: 谁不活在一个人的心里 苍白的苍凉,包裹着淡淡的忧伤。 我们失去我们的年是那种心情hellip; 分手后的思念是注定…

简介:CorelDRAW直线和曲线的转换方

简介:CorelDRAW直线和曲线的转换方

转换方法,曲线,直线,简介,电脑软件,本教程介绍了CorelDRAW的直线和曲线的变换方法的朋友。这个教程真的很好。非常实用。值得学习和推荐。让我们一起学习。 本教程给朋友介绍了CDR线曲线转换法,教程很实用,介绍的方法也不难,希望对朋友们有帮…

ps使用一个图层蒙版工具,在商业肖像

ps使用一个图层蒙版工具,在商业肖像

图层,工具,肖像,精细,电脑软件,今天,萧边教你如何使用PS的图层蒙版工具在商业大片美化头发。教程很简单。像你的朋友一样,你可以一起学习。 这也是美发费时,和方法总结作者是非常实用的。思路:头发分析的第一部分,找出存在的不足;然后头发自然部…

在美丽的爱情签名上,经典签名的签名

在美丽的爱情签名上,经典签名的签名

美丽,经典,爱情,电脑软件,爱,让我所有的时间,一切似乎都能战胜一切,只要有你在我心中。选择一个独特的QQ签名为自己。小编辑在这里给你一些个人签名,希望有你喜欢的东西。 1、爱情很简单,就是一起吃饭,一起玩,为将来努力工作。爱情是很复杂的,两个…

经典人格签名推荐经典人格签名

经典人格签名推荐经典人格签名

推荐,人格,经典,电脑软件,计算机已成为一种必不可少的项目,对take-off.but发展信息时代,我相信每个人的电脑是腾讯的重要软件,今天就给你一些经典个性签名Daquan整理!爱的副本。 1,歌没有结束,男人已经散了,如果相依,别忘了。 2,人与人的最高境界,理…

签名夫妇一对性格简单的夫妇的签名

签名夫妇一对性格简单的夫妇的签名

夫妇,性格,简单,电脑软件,天黑前,让我得到一份爱你的曙光。接下来从小编辑推荐情人的个性签名,希望对你有所帮助! 情人的人格签名: 那些年的浪费,我会藏在心里。 不要打扰我的时间,不要打扰我的生活。 不要干涉我的未来,不要干涉我的生活。 我想…

人格签名对完全死亡的个人签名

人格签名对完全死亡的个人签名

死亡,个人签名,人格,电脑软件,心不完整,只能给你心碎的感觉。下面是完整的个性签名的心,希望小汇编对你有用,欢迎阅读: 一颗完全死去的心的签名: 下一站,你有个身影吗。 以为没有心痛,为什么眼泪流不住 我真的希望有时间回到我们在一起的时光。 …

怀旧经典签名经典签名

怀旧经典签名经典签名

经典,电脑软件,我有一群兄弟,好久没有联系了,聚在一起不会是陌生人。这是我的荣幸。下面是小编辑签名的经典人物。我希望能帮助你! 经典签名: 当我偏袒我的朋友时,我不跟我说话。我聋了。 世界上最可怕的时刻是校长面带微笑站在窗边。 生活中的…

Word软件中表处理的三种技术:word使

Word软件中表处理的三种技术:word使

中表,三种,技术,电脑软件,Word,当我们使用Word 2000 Office软件时,大多数Office软件都是为文档编辑的,但在某些情况下,可以在文档中使用一个表,那么如何在Word中进行文档编辑以及表单的快速处理呢事实上,我们可以利用一些由Word 2000提供的Offic…

数据复制从Excel2003线柱Excel2003

数据复制从Excel2003线柱Excel2003

教程,数据复制,电脑软件,线柱,在制作大量excel表格时,我们常常忘记哪些数据是非常重要的。也许是误操作会导致一些硬盘数据丢失。因此,每当我们完成一些重要的数据,我们不仅要保存备份,而且最好锁和一些细胞,这样我们就不会错过或删除重要的数据…