Selección de texto resaltando demasiado

Selección de texto Destacando demasiado en cada lado debido al relleno.Selección de texto resaltando demasiado

Text Selection Example

¿cómo puedo solucionar esto usando CSS? He intentado un montón de cosas diferentes, ninguna de las cuales parece funcionar. (es decir, tratando de usar el margen y otras propiedades).

Me he encontrado con este problema varias veces y nunca he sido capaz de resolverlo.

Si alguien me puede mostrar cómo solucionar esto y quizás explique cómo se calcula el resaltado de selección de texto, lo agradecería mucho.

Parece que esto no ocurre en Firefox/Opera (no puede probar IE), y puede estar limitado a los navegadores basados en webkit.

resuelto:

Añadir position: relative a los elementos acolchados (esto es probablemente un error webkit).

http://jsfiddle.net/JamesKyle/ejfsM/

Fuente

2012-07-28 James Kyle

¿Qué navegador? En Firefox 14 e IE9, obtengo una selección normal, es decir, solo la forma normal de seleccionar el texto. Últimamente, en Chrome, obtengo lo que muestra tu imagen. –

Creo que el resaltado lo maneja el navegador. Supongo que estás usando Chrome. Si prueba lo mismo con Firefox, notará que solo el texto está resaltado. – Zhihao

Bien, ¿cómo hago que sea coherente en todos los navegadores (incluido el webkit)? –

Esto es extraño. Sin embargo, el cambio de posición de CSS parece funcionar, por ejemplo .:

div.sizing-container { 
    padding: 75px; 
    position: relative; 
}

http://jsfiddle.net/LJLdW/

No sabe si es posible en su situación.

Fuente

2012-07-28 19:40:16

Ciertamente extraño. Pruébalo configurándolo como dices, luego reinicia, y aún funciona. Pruébalo en el 'h1' y la brecha entre el' h1' y el primer 'p' todavía tiene el problema: http://jsfiddle.net/pA7BJ/18/ –

Configurando el contenedor para trabajos relativos para mí: http://jsfiddle.net/LJLdW/ –

Eso parece arreglarlo. –

Cambiar el relleno de div.sizing-container-75px 0px 75px 0px podría solucionar este problema. El resaltado es tan grande debido al relleno en este elemento.

Luego hay que cambiar complemento:

width: 93%; 
padding-left: 3%;

al cuerpo. Y a continuación, agregue 10px relleno a .sizing-container

Eso lo arregla para mí. Esto es todo lo que puedo decir.

Fuente

2012-07-28 19:34:03 Shawn31313

Eso realmente no es una solución ... –

Bueno, no es para mal. Lo siento, al menos lo intenté. – Shawn31313

Selección de texto resaltando demasiado

Respuesta

Cuestiones relacionadas