Hide Vertical Scrollbar in ≪Select≫ Element

.conatainer {  display: inline-block;  vertical-align: top;  overflow: hidden;  border: solid grey 1px;}.conatainer select {  padding: 10px;  margin: -5px -20px -5px -5px;}

<div class="conatainer">  <select name="year" size="3">    <option>abc</option>    <option>def</option>    <option>ght</option>  </select></div>

Hiding vertical scrollbar of multi-line SELECT in Firefox and Chrome?

You can't, apparently: http://www.webdeveloper.com/forum/showthread.php?t=154496

How to hide scroll bar and change width of select tag

Hide vertical scrollbar in <select> element
should answer your question about the scrollbar and:

#navSelection {
  width: xxxpx;
}

Should change the width.

Scroll bar is automatically added to figure element

The vertical scroll bars appears because the height of the element is not big enough, to fix this use the css attribute height: auto; in the figure section.

for now I interpret you want to keep the scrolling but simply disable the showing of the scrolling bar, to do this do the following.

Add overflow: hidden; to hide both the horizontal and vertical scrollbar.

body { overflow: hidden; /* Hide scrollbars */ }
To only hide the vertical scrollbar, or only the horizontal scrollbar, use overflow-y or overflow-x:

body { overflow-y: hidden; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */ }

source: w3school

Removing unnecessary vertical scrollbar in select in angular js

Check your browser zoom, it happens when your browser zoom is not correct

---

Related Topics