I need to cut off input dropdown background color transparent


background-image: -webkit-radial-gradient(
    11% -16%,
    circle closest-corner,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0) 96px,
    #efefef 74px,
    #fff    48px
);

this is my current code. I want to cut off this dropdown , cut off this bg should be transparent.

Solution

To make dropdown list you must have to use element as tag is used for text, email, tel, button, date, etc.

For this use "background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));

output will be transparent from left side and if you wants transparent at right side as well use rgba (255,0,0,0) also you can do the same for middle part as well.

Thanks.