Foros del Web » Creando para Internet » CSS »

Pseudoelemento ::selection

Estas en el tema de Pseudoelemento ::selection en el foro de CSS en Foros del Web. Hola a todos He colocado el pseudoelemento ::selection a mi hoja de estilo para que al sombrear con el mouse el color de mi web ...
  #1 (permalink)  
Antiguo 19/08/2014, 11:32
Avatar de eduardobrutaldeath  
Fecha de Ingreso: agosto-2013
Ubicación: América
Mensajes: 306
Antigüedad: 11 años, 3 meses
Puntos: 3
Pseudoelemento ::selection

Hola a todos

He colocado el pseudoelemento ::selection a mi hoja de estilo para que al sombrear con el mouse el color de mi web sea verde, y no celeste (como viene por defecto). El problema es que no puedo conseguir que toda la página se ponga del color que quiero, hay algunos espacios que siguen siendo azules ¿Alguien sabe cómo hacerlo?

Aquí hay un ejemplo por si no me entienden :

https://www.change.org/es/peticiones...ros#supporters

Si sombrean la página con el mouse el color que obtendrán será amarillo, pero igual seguirán quedando algunas partes en celeste o azul, me gustaría saber cómo pintarlas también de amarillo.

Última edición por pzin; 19/08/2014 a las 13:40 Razón: Eliminar frase para que no parezca spam.
  #2 (permalink)  
Antiguo 19/08/2014, 15:12
Avatar de ztikma  
Fecha de Ingreso: diciembre-2001
Ubicación: Viña del Mar
Mensajes: 1.144
Antigüedad: 22 años, 10 meses
Puntos: 1
Respuesta: Pseudoelemento ::selection

Pues con Firefox selecciono y se me ve todo azul, nada de amarillo =(
__________________
La Pana
  #3 (permalink)  
Antiguo 19/08/2014, 17:52
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 9 meses
Puntos: 998
Respuesta: Pseudoelemento ::selection

el ejemplo que pones no es el mejor pues justamente no funciona en firefox, para que funcione en firefox hay que añadir ::-moz-selection http://caniuse.com/#search=::selection

sobre tu problema, pues no se, es muy difícil saber donde está el problema sin ver nada de código. Si con "algunos espacios" te refieres a inputs, pues lamentablemente en Chrome no funciona sobre inputs.
::selection aunque funciona en varios navegadores, es una función no-estandar y puede funcionar de forma errática en diferentes contextos.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #4 (permalink)  
Antiguo 23/08/2014, 11:24
Avatar de eduardobrutaldeath  
Fecha de Ingreso: agosto-2013
Ubicación: América
Mensajes: 306
Antigüedad: 11 años, 3 meses
Puntos: 3
Respuesta: Pseudoelemento ::selection

Cita:
Iniciado por webosiris Ver Mensaje
el ejemplo que pones no es el mejor pues justamente no funciona en firefox, para que funcione en firefox hay que añadir ::-moz-selection http://caniuse.com/#search=::selection

sobre tu problema, pues no se, es muy difícil saber donde está el problema sin ver nada de código. Si con "algunos espacios" te refieres a inputs, pues lamentablemente en Chrome no funciona sobre inputs.
::selection aunque funciona en varios navegadores, es una función no-estandar y puede funcionar de forma errática en diferentes contextos.
Hola

Sí, me refiero a los espacios de los inputs.

¿Sólo en Firefox no funciona el selection, o tampoco en Opera, Safari, IE, etc?

Es decir, tengo que poner :

::-o-selection{}
::-webkit-selection{}
::-ms-selection{}

???
  #5 (permalink)  
Antiguo 23/08/2014, 14:13
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Pseudoelemento ::selection

@webosiris te pasó la web de referencia para cuestiones de compatibilidad. Si lo miras pone claramente en qué navegadores funciona y en cuales no.

Y no, no funciona en elementos input en Chrome, que también lo pone en la página que te pasaron, en Known issues.

Para los prefijos propietarios yo estoy usando últimamente un post-procesador, que es un amor: autoprefixer
Así no tienes que andar pensando qué poner y qué no, basta con indicar qué navegadores/versiones o incluso la popularidad del uso de navegadores que quieres soportar.
__________________
(:

Etiquetas: color, página
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 03:57.