textareaスクロールバーが機能しない

Question

こんにちは、このコードは私のために働いていない私はなぜわからない。私のtextareaスクロールバープロパティのための任意のコードを提案できますか？

<textarea style="scrollbar-arrow-color:pink; 
        scrollbar-base-color:red; 
        scrollbar-darkshadow-color:blue; 
        scrollbar-highlightcolor:orange; 
        scrollbar-shadow-color:green"> 
    </textarea> 

Answer 1

あなたは間違った方法でそれをやっています。インラインスタイルの属性にはプロパティ宣言のみを含めることができます。疑似要素をインラインで宣言することはできません。 あなたのCSSをスタイルシートに書き込んで、あなたのページにリンクしてみてください。

これらは、TextAreaの擬似要素は

::-webkit-scrollbar    
::-webkit-scrollbar-button  
::-webkit-scrollbar-track   
::-webkit-scrollbar-track-piece 
::-webkit-scrollbar-thumb   
::-webkit-scrollbar-corner  
::-webkit-resizer 

簡単な例は、可能性があります：

::-webkit-scrollbar { 
    width: 12px; 
} 

::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; 
} 

::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 

::-webkit-scrollbar { 
 
    width: 12px; 
 
} 
 
    
 
::-webkit-scrollbar-track { 
 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
 
    border-radius: 10px; 
 
} 
 
    
 
::-webkit-scrollbar-thumb { 
 
    border-radius: 10px; 
 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
 
}

<textarea id="message" rows="4" cols="50"> </textarea>