我无法将-webkit-tap-highlight-color属性应用于div - 我不知道为什么它不是。复制下面适用的所有样式。所需的结果是后退按钮,如下所示:http://building-iphone-apps.labs.oreilly.com/ch03.html#ch03_id35932102
.backButton {
font-weight: bold;
text-align: center;
line-height: 28px;
color: white;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
position: absolute;
top: 13px;
left: 6px;
font-size: 14px;
max-width: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-width: 0 8px 0 14px;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-border-image: url(/static/images/backButton.png) 0 8 0 14;
}
.backButton.clicked {
-webkit-border-image: url(/static/images/back_button_clicked.png) 0 8 0 14;
}
.toolbar{
background-color: #e1f7ff;
-webkit-box-sizing:border-box;
border-bottom:1px solid #559D75;
padding:10px;
height:53px;
background-image:-webkit-gradient(linear,left top,left bottom,from(#e1f7ff),to(#a1d2ed));
position:relative;
z-index: 70; }
在此处申请:
<div class='toolbar'>
<div class='backButton'>Back</div>
</div>
在iPhone模拟器(启用OS 4)和Safari中查看它 - 两者都有相同的问题(点按高亮显示仍然显示)。
提前致谢。
答案 0 :(得分:4)
尝试添加:
-webkit-user-select: none;
答案 1 :(得分:4)
这令人尴尬。我在网上使用示例后退按钮时使用的图像中有背景颜色 - 这不是CSS属性的问题。
我几乎不好意思不发表这个答案,但我愿意为了帮助他人而吞下我的骄傲。这是一个教训:如果您使用来自Google图像等的示例图像,请确保您下载的副本看起来像您期望的那样。
我希望我可以收回用于调试此操作的时间,但也许这会帮助其他人获得它们。
经验教训......彻底。