Custom search button with CSS

Resolved

(@arthrnvrn)

Hi there,

For any reason I can’t edit the search button through CSS :

input#wpsl-search-btn {
    border-radius: 25px!important;
    border: 0px!important;
    box-shadow: none!important;
    background-color: #f7f3f0!important;
    color: #222!important;
}

All works except the background-color attribute.

Same with this CSS snippet to custom the scrollbar :

div#wpsl-stores::-webkit-scrollbar-thumb {
    border-radius: 10px!important;
}

Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

farroyo
(@farroyob)

3 years, 7 months ago
Hi there!

For styling <input type=”button”> elements, try “bacgkround” instead of “background-color”:
```
input#wpsl-search-btn {
    border-radius: 25px!important;
    border: 0px!important;
    box-shadow: none!important;
    background: #f7f3f0 !important;
    color: #222!important;
}
```
As for the scrollbar thumb color, since it is a non-standard CSS feature (see this), results may vary from browser to browser, and even between different versions or platforms of the same browser, so I cannot give you a universal solution.

Regards!
- This reply was modified 3 years, 7 months ago by farroyo.
Thread Starter arthrnvrn
(@arthrnvrn)

3 years, 7 months ago

Argh, consider it’s monday for the input tag (:

Thank you

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Custom search button with CSS’ is closed to new replies.