Apply a class AND an attribute selector

Question

I want to style this element:

This is working:

input[class*=\"mysl         


        

Answer 1

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

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

DEMO