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..

    if i clone an element, when i customize (css) that element how can customize also the element cloned?

    How to get rid of text form borders in Chrome and Firefox?

    how to nest css boxes with relative positioning and absolute positioning

    Javascript: Hover over Issues & How can I structure the html efficiently?

    CSS media type: How to load CSS for mobile?

    how to open a menu with a button?in html

    how to Design a vista like button using CSS

    How do I get my menu to drop down? CSS & HTML

    How to add css in django Updateview or Create view form

    How to make sure Text always stays on top of Image (even when resizing)?

    CSS in CKEDITOR - How to make a HTML code like

    display in red color?

    How to prevent (bootstrap) fixed top navigation from zooming on mobile

    How can I hide text in this jquery slider?

    How to handle cq component with same html structure and different css?

    How is a CSS “display: table-column” supposed to work?

    How is padding-top as a percentage related to the parent's width?

    CSS: Formatting blocks. Strange height behaviour or how to adjust height by content inside th block

    How is the scroll effect achieved in this webpage?

    How do I determine if truncation is being applied in my style through JS?

    How to create a CSS Animation that is responding to horizontal mouse movement? [closed]

    How can I make the ul contain li in its content box?

    How to make background-image size height always equal what the image height needs to be for full width image?

    How to make the contents of an HTML table fit within their cells?

    SharePoint 2007 popup rich text editor displays corporate logo from master page - how can I remove this?

    How to override inline style dynamically?

    How can I manage the dimansions of #homeSub in CSS so it won't diappear when I move my mouse from homeBox to homeSub?

    How to add formatting to my pagination

    How can I :hover over different links in one line while getting the spacing correct?

    How to achieve disorganised bubble layout with html css?

    How to align vertical elements as horizontal elements and shift to right side of the screen using CSS?