Quiero hacer eso con un componente con estilo:
.jTHnFZ ::selection { background-color: pink; }Escribo este componente con estilo:
const MyDiv = styled.div` ::selection { background-color: pink; } `Pero el resultado es:
.jTHnFZ::selection { background-color: pink; }El resultado es el mismo con este componente con estilo:
const MyDiv = styled.div` & ::selection { background-color: pink; } ` La única forma que encontré para atribuir un color al pseudo elemento ::selection es hacer esto:
const MyDiv = styled.div` *::selection { background-color: pink; } `Y el resultado es entonces:
.jTHnFZ *::selection { background-color: pink; } Funciona, pero ¿hay una mejor manera de hacerlo, evitando el * ?
Prueba esto:
Quite el espacio después & :
const MyDiv = styled.div` &::selection { background-color: pink; } `Nota para: https://www.reddit.com/r/reactjs/comments/nz8gt9/using_the_selection_css_attribute_using_styled/