javascript - HTML static web page, can the black borders be removed from the left and right buttons of this carousel image? I can't find where to adjust it?

Question

I want to change the left and right buttons. The picture is white, but why is there a black frame when the page is displayed? How to remove the black frame

Answer 1

The picture should be cut into a transparent background, which is a picture in png format.

Answer 2

Either change the image to png, or set border-radius

Answer 3

It should be good to change the background color of

da-arrows-prev and da-arrows-next to transparent

Answer 4

First of all, span is an inline block element. Anyway, I feel awkward when I see you directly setting the width and height. You can set it as an inline block level element. Give it a try and you should be able to solve it

Answer 5

If it is span.da-arrows-prev, just remove the background

span.da-arrows-prev{
    background:none;
}

If it is a pseudo-class background
`span.da-arrows-prev::after{

background:none;

}`