How to customize the HTML5 input range type looks using CSS?

后端 未结 10 2265
粉色の甜心
粉色の甜心 2020-11-27 15:24

I want to customize the looks of the range input type in HTML5 to look something like a progress bar. I\'ve tried applying some common CSS attributes using CSS class but it

10条回答
  •  情深已故
    2020-11-27 15:59

    You can edit the CSS of the range input, using input[type="range"]::-webkit-slider-thumb and input[type="range"].

    Here is the example of it,

    http://webstutorial.com/range-input-slider-html5-css3/html-5

    I know this is already answered but just sharing it.

提交回复
热议问题