In custom environments, it may be necessary to apply custom styles to specific portlets. The example below gives guidance on how to override the Liferay Theme CSS in order to customize portlets to fit requirements.
Resolution
Affected Products
Liferay Portal 6.0 EE SP2 and above
Please use the example below as a reference for editing CSS for input text box color and button hover color.
#portlet_id {}input.focus,textarea.focus,.ie6 input.focus,.ie6 textarea.focusinput[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:hover, button:focus#portlet_id elements { styles }, then you can start declaring the styles themselves.