スタイルを適用したSlider Thumbスタイルのコンポーネントを使用する

Question

Reactのスタイル付きコンポーネントを使用してスライダのスタイルを設定しようとしていますが、どのようにして親指をスタイルすることができません。

.faderInput::-webkit-slider-thumb { 
    -webkit-appearance: none; 
    width: 15px; 
    height: 15px; 
    border:1px solid black; 
    ... 
} 

と私のスタイル付きコンポーネントは誰がどのように私はスタイル・コンポーネントにポートこのクラスセレクタをすることができます知っています。この

const FaderInput = styled.input` 
    ... 
    ::-webkit-slider-thumb { 
     -webkit-appearance: none; 
     width: 15px; 
     height: 15px; 
     border:1px solid black; 
     ... 
    } 
`; 

次のようになります。私はこのようになりますCSSを持っていますか？

Answer 1

私は実際に助けを得ました。 &を追加すると、次のようになります。

const FaderInput = styled.input` 
... 
&::-webkit-slider-thumb { 
    -webkit-appearance: none; 
    width: 15px; 
    height: 15px; 
    border:1px solid black; 
    ... 
    }