Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to keep <select> dropdown open to test styles on <option> in firebug?

Tags:

html

css

firebug

How to keep <select> dropdown open to test styles on in firebug?

I'm trying to styling <option>

<select class="select">
    <option selected>Select</option>
    <option>Blue</option>
    <option >Red</option>
    <option>Green</option>
    <option>Yellow</option>
    <option>Brown</option>
</select>

But every time i need to open and see what's happening after changing css in firebug. I know it doesn't take much time to open an see the result.

But I'm just curious to know if there is any trick to keep the dropdown open

like image 873
Jitendra Vyas Avatar asked Dec 08 '11 11:12

Jitendra Vyas


People also ask

How do you keep a dropdown open while styling?

To stop the dropdown menu from closing: Set a break point on the parent node of the dropdown menu.

How can I insert images to select dropdown options?

Add <img> tag in dropdown content to insert image into dropdown list for each items. Note: In case the user needs the width of the content to be as wide as the dropdown button, please set the width to 100% (Set overflow: auto to get scroll on small screens).


1 Answers

Make it multiple enabled.

<select class="select" multiple="multiple">
    <option selected>Select</option>
    <option>Blue</option>
    <option >Red</option>
    <option>Green</option>
    <option>Yellow</option>
    <option>Brown</option>
</select>
like image 152
adarshr Avatar answered Sep 28 '22 22:09

adarshr