Search jQuery

jQuery Forum

jQuery Mobile

jimboidaho

How to get rid of up and down arrows using a slider on chrome.

in jQuery Mobile • 11 years ago

Is it possible to get rid if up and down arrows on a slider?

Replies(3)

dcarrith

Re: How to get rid of up and down arrows using a slider on chrome.

11 years ago

I have an overriding css file that is included after the main JQM structure css file. The overriding style I have that removes the counter and up-down arrows is as follows:

position: absolute;
display: none;

}

If you are just looking to get rid of the up and down arrows, but keep the counter, I'm not sure how you would do that. You might just be able to specify a small enough width and an overflow:hidden to accomplish it.

jimboidaho

Re: How to get rid of up and down arrows using a slider on chrome.

11 years ago

Thanks,

I would like just to get rid of the arrows but I guess I will have to get rid of that. I looks like the arrows are coming chrome because of the type="range"

jimboidaho

Re: How to get rid of up and down arrows using a slider on chrome.

11 years ago

I did a little googleing and found this.

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

/* display: none; <- Crashes Chrome on hover */

-webkit-appearance: none;

margin: 0; /* <-- Apparently some margin are still there even though it's hidden */

}

Top Reply

Response title

Attachments

jQuery Forum

How to get rid of up and down arrows using a slider on chrome.

Replies(3)

Re: How to get rid of up and down arrows using a slider on chrome.

Re: How to get rid of up and down arrows using a slider on chrome.

Re: How to get rid of up and down arrows using a slider on chrome.

Statistics

Tags

Actions