更改水平滚动条设计，而不会影响垂直滚动条

Question

我正在使用CSS来控制网站内容的水平滚动条的设计：

::-webkit-scrollbar{
    height: 4px;
    width: 4px;
    background: #DDDDDD;
}

::-webkit-scrollbar-thumb:horizontal{
    background: #5D6C94;
}

但这也会影响浏览器的垂直滚动条，使其几乎无法使用。理想情况下，我想保持垂直滚动条（该滚动条通常不出现在右侧）出现。我该如何实现？

注意：我已经设法通过使用::-webkit-scrollbar-thumb:horizontal选择器来操纵垂直滚动条的外观，但理想情况下，我只希望它的默认设计。我无法完全复制每个浏览器中的外观。

请注意，由于这些水平滚动条是自动生成的，因此我无法控制它们的类别。