How to color chevron right

1

Hi!
after update to framework7 latest version I’m not able to color the right icon of list element: css class have no effect also with “!important”.
I’m able to change color only globally (with “–f7-list-chevron-icon-color: rgba(255, 255, 255, 0.9);”)
but I need to color the icon only into one single html page.

Thank you in advance!

2

Hello,

If you are using Router Component, then you can use scoped styles https://framework7.io/docs/router-component.html#scoped-styles

<style scoped>
    .list {
        --f7-list-chevron-icon-color: rgba(255,0,0,0.2); // Change the value to desired color
    }
</style>
1 Like