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.