为iPhone制作可点击的HTML div

时间:2010-09-03 15:22:08

标签: iphone html css webkit

在我的HTML代码中,我得到了<div>。当用户点击该div内的任何地方时,我想改变各种属性,如文本大小和背景颜色。对我来说,这听起来很像为每个状态创建两个CSS样式听起来应该有效,所以我创建了以下CSS:

div.tappable {
   background-color: red;
   font-size: 10pt;
}

div.tappable:active {
   background-color: green;
   font-size: 12pt;
}

出于某种原因,从未使用:active样式。我做错了吗?

2 个答案:

答案 0 :(得分:1)

:active选择器在按下元素的持续时间内被触发。但是,在iPhone上,由于触摸屏的性质,Mobile Safari不使用:active选择器。

为了澄清,您是否想要在用户按下div时更改属性,或者在用户点击div后更改属性?< / p>

答案 1 :(得分:1)

我认为这篇博客文章将是一个很好的开始,解释如何跟踪moble safari中的事件并创建你正在寻找的ui

Touching and Gesturing on the iPhone