Html 带<；的滚动条webkit属性；ul>；标签

在我的代码中，我在div中有一个无序列表，同时我在其中添加了滚动条。我想将webkit属性用于此ul。 我试了如下

.list > ul ::-webkit-scrollbar {
 width: 12px; 
 background-color: #e4e7eb;
 }

.list > ul::-webkit-scrollbar-thumb {
  outline: 1px solid slategrey;
  border-radius: 14px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #ffffff;
}

.list > ul ::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 14px;
  background-color: #e4e7eb;
}

“list”是div类名。

---

但这对我不起作用。我使用的是正确的方式还是其他方式？

使用下面的css作为列表div中的滚动条：-

.list ul {
max-height: 100px;
height: auto;
overflow: auto;
}

---

为方便起见，请参见js FIDLE链接：

在List div中使用以下css作为滚动条：-

.list ul {
max-height: 100px;
height: auto;
overflow: auto;
}

---

为方便起见，请查看js fiddle链接：

请检查下面的代码，希望它对您有用，但请确保它仅适用于Chrome和Safari浏览器

.list>ul{
高度：150像素；
溢出-x：自动；
}
.list>ul:：-webkit滚动条{
宽度：10px；
}
/*跟踪*/
.list>ul:：-webkit滚动条轨迹{
背景#f1f1；
}
/*处理*/
.list>ul:：-webkit滚动条拇指{
背景：#888；
}
/*悬停手柄*/
.list>ul:：-webkit滚动条拇指：悬停{
背景:#555；
}

试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验

请检查下面的代码，希望它能对您起作用，但请确保它只适用于Chrome和Safari浏览器

.list>ul{
高度：150像素；
溢出-x：自动；
}
.list>ul:：-webkit滚动条{
宽度：10px；
}
/*跟踪*/
.list>ul:：-webkit滚动条轨迹{
背景#f1f1；
}
/*处理*/
.list>ul:：-webkit滚动条拇指{
背景：#888；
}
/*悬停手柄*/
.list>ul:：-webkit滚动条拇指：悬停{
背景:#555；
}

试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验

我用过上面的css，还有滚动条。我只想自定义我的滚动条。因此，我必须使用webkit属性Hey dinu，我根据您的要求更新了css，现在您可以看到自定义滚动条。你可以用css（颜色和边框）管理滚动条。我用过上面的css，我也有滚动条。我只想自定义我的滚动条。因此，我必须使用webkit属性Hey dinu，我根据您的要求更新了css，现在您可以看到自定义滚动条。您可以使用css（颜色和边框）管理滚动条。