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
To stop the dropdown menu from closing: Set a break point on the parent node of the dropdown menu.
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).
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>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With