textarea滚动条不起作用

时间:2016-07-28 00:42:56

标签: jquery html css scroll textarea

嗨,大家可以帮我这个代码不适合我,我不知道为什么。你能为我的textarea滚动条属性建议任何代码吗?

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

1 个答案:

答案 0 :(得分:0)

你这样做是错误的。内联样式属性只能包含属性声明,不能内联声明伪元素。 因此,请尝试在样式表中编写css并将其链接到您的页面。

这些是textarea的伪元素

SELECT rv.*, s.*
FROM registervendors rv
INNER JOIN states s
    ON rv.state = s.statesid
WHERE vendregid = 'some_id'

一个简单的例子可能是:

::-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); 
}