How to override the color of the left/right buttons in the carousel bootstrap 4?

Faced with a problem: I can't override the color of the button to the left to the right in the component bootstrap - carousel button there by default is white and it is not visible on a white background, it is necessary to make the color black, I tried to set high priority including !important does not work. Here's a picture: 5cf7cc6256a94480835064.jpeg
March 23rd 20 at 19:13
1 answer
March 23rd 20 at 19:15
.carousel-control-next-icon {
 background-image: url("data:image/svg+xml,%3csvg xmlns='' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");

You need the same style to add only fill='%23fff' to change fff to your color (%23 is a #)
thanks, it worked) - Ashlee8 commented on March 23rd 20 at 19:18

Find more questions by tags BootstrapLayoutCSS