Styling input type range elements in Webkit browsers?

I've only heard of the type range not slider .

Up vote 0 down vote favorite share g+ share fb share tw.

Html css html5 webkit link|improve this question edited Sep 27 '11 at 6:19Gerald Kaszuba3,02911738 asked Dec 15 '10 at 9:36Vinay Verma326 80% accept rate.

– Ashley Dec 15 '10 at 9:38 input type button, checkbox, file, hidden, image, password, radio, reset, submit, text new input type reset, image, datetime, datetime-local, date, month, time,week, number, range, email, url, search, tel, color w3.org/TR/html-markup – Blur Dec 15 '10 at 10:46 ohhh Sorry its input type range only. – Vinay Verma Dec 15 '10 at 11:39.

I've only heard of the type range, not slider. Inputtype="range" { -webkit-appearance: slider-horizontal; }.

How to change the color and appearance , is their any way to change the appearance of knob too. – Vinay Verma Dec 15 '10 at 11:39.

There is a pretty good article on styling a range to make it look like an iPhone slider written by David B. Calhoun. I think the blog post should cover most aspects of styling a range input type.

Here is some of the CSS: inputtype='range'::-webkit-slider-thumb { -webkit-appearance: none; width: 68px; height: 44px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-gradient( linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1) ); background-repeat: no-repeat; background-position: 50%; }.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions


Thank You!
send