滚轮之间的白框

Question

我正在设置一个分析仪表板的CSS样式问题。我已经为桌子和滚动条设置了正确的样式，但我似乎无法弄清楚如何摆脱桌子右下角的白色方块。我知道我可以摆脱水平滚动条，这应该解决问题，但是如果有长字符串我需要滚动溢出。

相关CSS：

.keen-dataviz-table {
  border-bottom: 0px!important;
}

.keen-dataviz-table::-webkit-scrollbar {
  width: 12px;
}

.keen-dataviz-table::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.keen-dataviz-table::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

图表HTML由Keen.io生成，我在我的页面上唯一的HTML是以下内容：

<div class="col-sm-4">
  <div id="chart-01"></div>
  <br>
</div>

我在下面附上了一张图片供参考（请忽略愚蠢的意图，我只是对一些NLP意图/实体进行压力测试以及此表的水平溢出）。

非常感谢任何帮助！

Answer 1

您可以使用滚动条短号选择器

设置滚动角的样式

.keen-dataviz-table::-webkit-scrollbar-corner {
   background: red;
  }

table {
  height: 1500px;
  width: 1499px;
  overflow:auto;
 
}

*::-webkit-scrollbar-corner {
   background: red;
  }

<table>
  <tbody>
  <tr><td>test</td></tr>
  </tbody>
</table>