Change color from forward arrow

Ionic Framework ionic-v3
1

Hello,

how can I change the color from the forward (right) arrow which ionic show in button items?

<ion-list>
    <button ion-item>Text</button>
</ion-list>
1 Like
2

Found solution:

Add this to scss:

%23000000 is the color in Hex (%23 = #)

.black-arrow .item-inner{
    background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2020'><path%20d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z'%20fill='%23000000'/></svg>") !important;
}

HTML Code:

<ion-list>
    <button ion-item class="black-arrow">Text</button>
</ion-list>
3

try this

$item-ios-detail-push-color: color($colors, primary);

in your variables.scss file

Should work

5 Likes
4

Works just perfectly!