How to change image from one to another color.

Question

Hi All,
  In our application we have used two sets of items [i.,e Text items & Drop down list items]  
  For all these we have used as mention below
Label->Country
Horizontal/vertical alignment->Right
Template ->Required Label
Now for required label currently it shows as
img alt="Required Field Icon" src="/i/themes/theme_12/required.gif
[which is in orange color] but i have to change into "Red color" for asterick
Could some one help me on this request to make changes.
Regards,
Sruthi tamiri!!

Answer 1

SruthiTamiri wrote:
  In our application we have used two sets of items [i.,e Text items & Drop down list items]
  For all these we have used as mention below
Label->Country
Horizontal/vertical alignment->Right
Template ->Required Label
Now for required label currently it shows as
img alt="Required Field Icon" src="/i/themes/theme_12/required.gif
[which is in orange color] but i have to change into "Red color" for asterick
As previously advised, you must provide your APEX version, theme, and browser version when asking a question in order to get relevant assistance...
The asterisk is a GIF bitmap image so the orange colour is inherent and fixed. To change it using an image in the template you need to find or create an image of a red asterisk.
It is possible to do this more flexibly using CSS without images:
a.t12RequiredLabelWithHelp:after,
.t12RequiredLabel:after {
  content: " *";
  color: #c00;
However this won't work at all on IE7 as it doesn't have support for generated content, nor will it work in later versions of IE using theme 12 as it is a legacy quirks mode theme, and IE8+ only supports generated content in standards mode.