How to create a dropdown that is open by default and with custom scrollbars ( see pic from wireframes) in HTML [closed]

Tags: jquery,html,css,

Problem :

I am creating a web page from the mocks given to me by a graphic designer. I have the following control in the mocks

Is there any jquery/css plugin that I could use to create this type of control ? I need to have the dropdown open by default and scrollbars customized. How should I approach this?

Solution :

You could change how many options are displayed on a select element with the size attribute. You can also use CSS to change the style of the scrollbars.

I'm sure there's probably a library that provides it as some kind of widget. But I wanted to point out that what you're asking for could be done with relative ease without one.

    CSS Howto..

    CSS: How do I select CSS for all the
  • elements that do have not been styled yet?
  • How do you set a JavaScript onclick event to a class with css

    How can `animation-play-state` in CSS be initially set to `paused` and changed to `running`?

    How to get Susy going with a CSS only toggle navigation

    How to format my form with CSS?

    How to call a image class on a regular interval

    Z-stacking CSS 3 Flex boxes : how to overlay DIVs that are flexbox items?

    How to add Background Image in css using master page

    How do you create boxes like github's explore section?

    How do I apply a max-width to an input field form-control with a trailing secondary button in Bootstrap 3?

    How to create a separated menu with logo in between

    MaterializeCSS - Mobile Collapse menu not showing when clicked

    How to set focus/active on the clicked li(tab) in angular.js

    How is designing shape similar to waves with html and css?

    CSS Rollovers: how to maintain “hit area” size when hidden image is larger than anchor area

    HTML/JavaScript - How can I hide the links and cursor?

    How to alter CSS properties using PHP based on a conditional

    Showing a demo of my CSS on any website

    How to read different CSS classes with the same beginning with jquery?

    How to convert a piece of CSS code to LESS css

    Django - how to collapse forms like in the django admin

    How float divs inside a td

    How to use inline CSS by th:style using “The ? : operator” in ThymeLeaf

    How to apply zoom transition on label and textbox simultaneously in HTML/CSS?

    How to make a div one on the top and one on the bottom touching

    How to apply css for a class within h2?

    How to make arc shapes with CSS3?

    How to make a slanted css background without transparency overlapping?

    How to disable
    tags inside
    by css?

    How to fill 100% of an absolutely positioned div? (IE7+) [duplicate]