STYILING THE DROPDOWN VALUES IN PEOPLESOFT CLASSIC
Classic Drop-Down List Styling STEP:1 To overriding delivered CSS is to identify the style class(es) to target. We can do this using the browser's developer tools. we can see thet it is targeting the below css .pt_classic_plus select.PSDROPDOWNLIST .pt_classic_plus select.PSDISABLED .pt_classic_plus select.PSDROPDOWNLIST_DISABLED .pt_classic_plus select.PSDROPDOWNLISTDISABLED .pt_classic_plus select.PSERROR { } STEP: 2 we can create a custom css for these calss Eg: i am goind to show evenrows in green and oddrows in red for all drop downs in one component open the App designer create new style sheet object as and put the custom css like below .pt_classic_plus select.PSDROPDOWNLIST :nth-child(even), .pt_classic_plus select.PSDISABLED :nth-child(even), .pt_classic_plus select.PSDROPDOWNLIST_DISABLED :nth-child(even), .pt_classic_plus select.PSDROPDOWNLISTDISABLED :nth-child(even), .pt_classic_plus select.PSERROR :nth-child(even)...