Make multiple-select to adjust its height to fit options without scroll bar

Question

Apparently this doesn\'t work:

   select[multiple]{
     height: 100%;
   }

it makes the select have 100% page height...

auto

Answer 1

To remove the scrollbar add the following CSS:

select[multiple] {
    overflow-y: auto;
}

Here's a snippet:

select[multiple] {
  overflow-y: auto;
}

  One
  Two
  Three



  One
  Two
  Three