Cambiar el color del boton presionado (touch)

[xluchex]

Saludos amigos, bueno mi pregunta es la siguiente como cambio el color del botón cuando lo presiono (este efecto en paginas para celulares), en pc de escritorio el codigo es el siguiente

Código:

boton:active{background:#FF0000}

ahora ese efecto no se refleja cuando presiono algun boton en mi celular, de antemano muchas gracias!

[codeams]

Código CSS:

.boton:hover{background:red;}
 

Esto funcionará como deseas -al menos para teléfonos android-.
Probado en opera mobile, opera mini, firefox, chrome y android browser.

[patilanz]

Que navegador tienes en el móvil ?

Saludos

[xluchex]

El navegador de mi móvil es Chrome, pero claro la solución debería ser para la gran mayoría de navegadores (si no se puede en todos). gracias por la respuesta codeams pero creo que con hover es solo para la acción del mouse, bueno probare de todos modos.

Si alguien mas tiene una respuesta agradecería de antemano.

[codeams]

Noup. Yo he probado el evento hover y en dispositivos móviles puede hacer la funcion de ':active'. Como te dije lo he probado en Chrome, Firefox, Opera mobile y Android browser y en todos hover funcionó perfecto. Te quedaría probar Opera mini, Black Berry Browser y Safari para intentar cubrir todos los navegadores -o al menos los más usados-.

Puedes probar lo que he dicho utilizando el emulador de dispositivos móviles que Google Chrome incluye en sus herramientas para desarrolladores.

[codeams]

Aquí pzin nos indica que ':hover' en efecto funciona para Safari en iOS.