Apply a class AND an attribute selector

Question

I want to style this element:

This is working:

input[class*=\"mysl         


        

Answer 1

The selector you're looking for is

input.myslider[type=range]

Your current code looks for children elements and doesn't target the appropriate element.

Answer 2

Becuase you are selecting input inside .mySlider. Try this:

.myslider[type='range'] {
    -webkit-appearance: none;
    width: 100px;
    background-color: black;
    height: 2px;
}

DEMO