Если только с помощью css, то вот так примерно, но это только webkit:
<div class="wrapper">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
.wrapper::-webkit-scrollbar {
width: 10px;
}
/* Track */
.wrapper::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
/* Handle */
.wrapper::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
/* Handle on hover */
.wrapper::-webkit-scrollbar-thumb:hover {
background: #555;
}
.wrapper {
height:300px;
width: 400px;
overflow-x:scroll;
white-space: nowrap;
}
.wrapper div {
width: 150px;
height: 250px;
background: #ccc;
display: inline-block;
}