在CSS中,我們可以自定義TextArea文本框的樣式,包括滾動條。下面是一些常見的CSS屬性和值,可以幫助您自定義滾動條樣式:
/* 隱藏滾動條 */ textarea { scrollbar-width: none; } /* 自定義滾動條的樣式 */ textarea::-webkit-scrollbar { width: 5px; height: 5px; } textarea::-webkit-scrollbar-thumb { background-color: grey; } textarea::-webkit-scrollbar-track { background-color: white; }
要隱藏滾動條,可以使用scrollbar-width:none; 屬性。而要自定義滾動條樣式,您需要使用Webkit樣式。Webkit是一種瀏覽器引擎,它支持大多數現代瀏覽器,包括Chrome,Safari和Opera。
::-webkit-scrollbar是用于自定義滾動條的偽元素,它允許您控制滾動條的寬度,高度,顏色和其他屬性。
如果要定制拇指,可以使用::-webkit-scrollbar-thumb。這將允許您更改滾動條的拇指背景顏色。
如果您想添加滾動條的背景顏色,可以使用::-webkit-scrollbar-track屬性。
上述CSS屬性和樣式適用于WebKit瀏覽器。但請注意,不同的瀏覽器可能需要不同的樣式。因此,您需要為每個瀏覽器寫不同的樣式。