Skip to content
Paramvir Dhindsa edited this page May 6, 2015 · 5 revisions

CSS Classes

ParamQuery Select has 4 important classes against which the css rules can be written to customize the looks of control/widget.

  1. .pq-select-button: This class is used to create clickable region that acts as a substitute for select list.

  2. .pq-select-menu: This is the wrapper div for the options displayed in select list popup.

  3. .pq-select-popup: This class is assigned to outer div that wraps the .pq-select-menu.

  4. .pq-select-popup-cont: This is the class assigned to outermost popup div which is responsible for displaying dropdown shadow and popup borders.

Please see the pqselect.dev.css file to see example implementation of the styles associated with the above classes and get more ideas.

Clone this wiki locally