可以通過CSS樣式來實現textarea滾動條的樣式,具體實現如下:
首先給textarea添加樣式overflow: auto,這樣在textarea內容超過容器高度時會出現滾動條。
接著通過CSS偽類選擇器來設置滾動條的樣式,比如:
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #aaa;
}
上述代碼中,第一個偽類選擇器設置滾動條的寬度,第二個偽類選擇器設置滾動條的背景色和圓角,第三個偽類選擇器設置鼠標懸停時的背景色。
完整代碼示例:
textarea {
overflow: auto;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #aaa;
}