Я портирую веб-приложение с iPhone на Android. Неожиданно кнопки работают как обычно, за исключением того, что они не меняют фон в активном состоянии. В Mobile Safari, на настольном Chrome все ок. Есть идеи, в чем может быть проблема?
У меня много трюков, таких как
img, input, div, button, table:focus
{
outline-width: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
Может быть, один из них?
С уважением,
UPDATE
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<style type="text/css">
button
{
cursor: pointer;
background-size: 100% 100%;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
border: 0px;
color: white;
font-family: Arial;
}
button
{
width: 337px;
height: 94px;
font-size: 50pt;
}
button.pink
{
background-image: url(images/buttonpinknormal.png);
}
button.pink:active
{
background-image: url(images/buttonbluepressed.png);
}
</style>
</head>
<body>
<button class="pink"></button>
</body>
</html>
Это минимальный кусок кода, который не работает на Android. Работает в Mobile Safari, Safari, Chrome.