Estoy tratando de cambiar el color de fondo de la selección del pseudoelemento first-letter, sin embargo el color de fondo solo se aplica al resto de elementos y no surge efecto en first-letter. Mi código es el siguiente:
</head>
<style>
p::first-letter{
font-size: 2rem;
}
*::selection{
background: red;
/*El background red funciona con todo lo demas correctamente, pero con el pseudoelemento no.*/
}
/*Esto tampoco cambia nada:*/
p::selection::first-letter{
background: red;
}
p::first-letter::selection{
background: red;
}
</style>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime dolorum nemo, molestias sapiente quis similique quod quidem odio dolores quia a nihil eos incidunt velit porro! Impedit ab adipisci, corporis?</p>
</body>
</html>
Este problema lo tengo con la mayoría de los navegadores, sin embargo con Firefox Developer Edition no esta ese problema (no lo he probado con Firefox normal y con algunos otros navegadores).
¿Alguien sabe como podría hacer que el color de fondo de la selección también se aplique a ese pseudoelemento?
::
por:
?p::first-letter{ background-color: red; font-size: 2rem; }
funciona perfecto para cambiar el color de fondo donde aparece la letra L