iOS Web开发激活css
2015-07-13 11:29
561 查看
这次添加的是自己新了解到的随笔,要让css active伪类生效,只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。。。下面简单举个栗子
复制代码
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: yellow;
}
p:active {
color: red;
}
</style>
</head>
<body>
<p>测试Active文本</p>
</body>
<script>
var p=document.getElementsByTagName('p');
for(var i=0;i<p.length;i++){
p[i].addEventListener('touchstart',function(){},false);
};
</script>
</html>
复制代码
用JS代码获取这个元素,然后通过addEventListener添加一个touchstart的方法即可。
这样当点击到文本时,就能发现颜色从黄变红,active伪类生效啦!希望对你们有所帮助
复制代码
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: yellow;
}
p:active {
color: red;
}
</style>
</head>
<body>
<p>测试Active文本</p>
</body>
<script>
var p=document.getElementsByTagName('p');
for(var i=0;i<p.length;i++){
p[i].addEventListener('touchstart',function(){},false);
};
</script>
</html>
复制代码
用JS代码获取这个元素,然后通过addEventListener添加一个touchstart的方法即可。
这样当点击到文本时,就能发现颜色从黄变红,active伪类生效啦!希望对你们有所帮助
相关文章推荐
- 【css】 收藏 纯css打造 mackbook air
- HTML+CSS 实现水流流动效果
- HTML+CSS3 纯代码实现转盘效果
- css3 text-shadow
- 常见浏览器兼容性问题与解决方案css篇
- 简单CSS3动画
- 深入理解CSS3 Animation 帧动画
- 15个实用的CSS在线实例教程
- 08、通过自定义依赖属性,用 StateTrigger 修改全局主题样式
- 如何做好div+css的浏览器兼容性
- CSS Font-family常用设置
- photoshop将psd导出div+css格式HTML(自动)
- css 中的position定位
- css学习笔记二
- css3实现网页平滑过渡中注意事项
- Web前端从入门到精通-6 css简介——选择器优先级
- CSS3动画理解与应用
- CSS中的文本属性
- 学习CSS(1)
- 自定义表单样式之checkbox和radio