How to color chevron right

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!


If you are using Router Component, then you can use scoped styles

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