SA-22304

Summary

Disabled Drop Down fields appear blurred in Firefox/Chrome compared to IE

(IE)


(Chrome)

 

Error Messages

Not Applicable 

Steps to Reproduce

Disable a Drop Down field. And observe its appearance at run time in different browsers.

Root Cause

Out of the box default color of disabled drop downs is styled to #ccc, which is in fact being picked by Firefox/Chrome but not IE, IE picks grey. #ccc is blurred compared to grey.

Resolution

To achieve consistency across all browsers disabled drop downs are set to grey by local change. In fact latest Pega 7.2.x versions disabled drop down have grey color by default.

Local change is to include below style snippet in UserWorkForm.

<style> 

*[disabled="disabled"],*[disabled],button.buttonTdButton[disabled="disabled"],button.spanButton[disabled="disabled"],BUTTON.largeButton[disabled="disabled"],BUTTON.littleButton[disabled="disabled"], BUTTON.hc[disabled="disabled"]{ 
color:grey; 
} 

.ie select[disabled]::-ms-value{ 
color:grey; 
} 

</style>