html - 如何选择滚动条并更改CSS？

Question

我有这个 width:100%;。在底部我有水平滚动条。我想要的是滚动条有 width: 60% 和 float:right; 。有什么建议我该怎么做吗？

<div style="width:100%;overflow-x:scroll">
 content
</div>

所以现在滚动条在所有 div 上，我只想拥有它的一半并在右侧。我只想使用 css，而不是 jquery，因为我使用的是 angular。那我该怎么做呢？

Answer 1

您可以通过将 div 的宽度设置为 60% 来设置滚动条的宽度。

.scroll{
  width:60%;
  overflow-x:scroll
}

<div class="scroll">
<p>
  content
</p>
</div>