When styling slider arrows, the hover color for the icon doesn’t apply.
Generated CSS
#brxe-xxxxxx .splide__arrow {
background-color: white;
color: black;
}
#brxe-xxxxxx .splide__arrow svg {
fill: black;
}
#brxe-xxxxxx .splide__arrow:hover {
background-color: white;
color: red;
}
Problem
The SVG has a fixed fill: black, so it overrides the color on hover.
Expected
Icon color should change on hover.
Fix suggestion
Either:
.splide__arrow svg {
fill: currentColor;
}
or:
#brxe-xxxxxx .splide__arrow:hover svg {
fill: red;
}
