DIV带圆角和内部滚动条 [英] DIV with rounded corners and internal scrollbars

问题描述

我试图实现一个DIV有内部滚动条和圆角的情况。我第一次尝试的结果是：

I am attempting to achieve a scenario where a DIV has internal scroll bars and rounded corners. My first attempted resulted in this:

由于滚动条的影响，右角变为方形。

The right hand corners become square, on account of the scroll bars.

一个内部div有一些顶部和底部填充，以推动滚动条和保持计数的边框。

Next, I added an internal div with some top and bottom padding, in order to push the scrollbars down and maintain the counted corders. That came out like this:

我想要一个混合，其中滚动条是div的全长，但不使角的正方形。这是可能吗？

I'd like a hybrid where the scroll bars are the full length of the div but don't make the corners square. Is this possible?

推荐答案

您应该尝试一个自定义滚动条。在你的截图你在一个OS X系统，但与IE（Windows），它将是awfull。

You should try a custom scrollbar. On your screenshots you're on a OS X System, but with IE (Windows) it'll be awfull.

查看这个stackoverflow问题。

这篇关于DIV带圆角和内部滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！