Breaking News: Grepper is joining You.com. Read the official announcement!

how to decrease x-axis scrollbar width through css

Joyous Jay answered on June 14, 2022 Popularity 4/10 Helpfulness 4/10

answer how to decrease x-axis scrollbar width through css

how to decrease x-axis scrollbar width through css

Comment

div
{
 width: 30em;
    overflow-x: auto;
    white-space: nowrap;
 }

div::-webkit-scrollbar {
  width:2px;
}

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

div::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #00bd86;
  outline: 2px solid slategrey;
}

div::-webkit-scrollbar:vertical {
  display: none;
}

Popularity 4/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css scrollbar width x-axis

Link to this answer
Share Copy Link