Foros del Web » Creando para Internet » CSS »

Cambiar el color del boton presionado (touch)

Estas en el tema de Cambiar el color del boton presionado (touch) en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/03/2014, 14:22
 
Fecha de Ingreso: febrero-2010
Mensajes: 195
Antigüedad: 14 años, 1 mes
Puntos: 3
Cambiar el color del boton presionado (touch)

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!
  #2 (permalink)  
Antiguo 30/03/2014, 23:30
Avatar de codeams  
Fecha de Ingreso: diciembre-2012
Ubicación: México
Mensajes: 103
Antigüedad: 11 años, 3 meses
Puntos: 16
Respuesta: Cambiar el color del boton presionado (touch)

Código CSS:
Ver original
  1. .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.
__________________
¿Quién es codeams? codeams.ml
¿Qué hace en su tiempo libre? codepen.io/codeams
  #3 (permalink)  
Antiguo 31/03/2014, 14:18
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 2 meses
Puntos: 29
Respuesta: Cambiar el color del boton presionado (touch)

Que navegador tienes en el móvil ?

Saludos
  #4 (permalink)  
Antiguo 01/04/2014, 08:36
 
Fecha de Ingreso: febrero-2010
Mensajes: 195
Antigüedad: 14 años, 1 mes
Puntos: 3
Respuesta: Cambiar el color del boton presionado (touch)

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.
  #5 (permalink)  
Antiguo 01/04/2014, 12:08
Avatar de codeams  
Fecha de Ingreso: diciembre-2012
Ubicación: México
Mensajes: 103
Antigüedad: 11 años, 3 meses
Puntos: 16
Respuesta: Cambiar el color del boton presionado (touch)

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.
__________________
¿Quién es codeams? codeams.ml
¿Qué hace en su tiempo libre? codepen.io/codeams
  #6 (permalink)  
Antiguo 01/04/2014, 12:18
Avatar de codeams  
Fecha de Ingreso: diciembre-2012
Ubicación: México
Mensajes: 103
Antigüedad: 11 años, 3 meses
Puntos: 16
Respuesta: Cambiar el color del boton presionado (touch)

Aquí pzin nos indica que ':hover' en efecto funciona para Safari en iOS.
__________________
¿Quién es codeams? codeams.ml
¿Qué hace en su tiempo libre? codepen.io/codeams

Etiquetas: background, boton, color, presionado
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:10.