CODEWITHSUNDEEP
htmlcss
pollaris
pollaris

Reputation: 1321

input type=range not styling in ie11

The input tag renders properly in every browser except ie11. In ie, it occupies vertical space which I am unable to override with, for example,

<input type='range' style='height: 20px' />

None of the canned css cross browser generators are successful in getting rid of the default vertical space that the input tag takes up in ie11. My project requires many stacked sliders, and I would like a solution that is cross browser independent. Can you help?

Upvotes: 2

Views: 3556

Answers (1)

pollaris
pollaris

Reputation: 1321

In ie11, the input type=range tag is displayed with default padding. Remove the padding when the tag is styled, for example,

<input type="range" style="padding: 0px 0px 0px 0px; height: 20px" />

Be sure that the track and thumb 'fit' in the desired height.

Upvotes: 11

Related Questions