Arrow in Dropdown Selection

HTML & CSS
1

Hello so I want to put in my own arrow in my dropdown menu and
I have it in there but its not showing when I say no-repeat in my code. PAGE

.select {
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
     -moz-appearance: none;  /*Removes default style Firefox*/
    background-image: url("http://impactograph.com/images/arrow_blue.png") no-repeat  ;
}
2

background-image can only contain the URL of the image. Not background-repeat as well (the “no-repeat” value).

You are trying to combine background-image and background-repeat properties together into background-image.

Change it to the shorthand (background) (where you can combine multiple values).

2 Likes
3

ah ok.

was the background-image combined with no-peat used before? I know Ive seen it before…

4

Nope. That would be impossible :slight_smile: .

background-repeat:no-repeat is valid / maybe what you’re thinking of though.

5

hmm ok then :smiley:

Yeah possibly could have gotten them mixed up.

6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.