APEX Background Color for Button

Button Id

First you have to set a static id for the button. Mark the button >> properties >> Advanced >> Static Id: btnX

You can choose any value for your button.

Page Inline CSS

In the page properties add the following text to the inline css field.

#btnX is your static id of the button.

red (occurs 3 times) is the color. You can also use hex values in short (#f00) or long form (#fff000).

#btnX span {
background-image:-webkit-linear-gradient(top, red, red);
box-shadow:0 1px 0 red inset;
text-shadow: none;
}

Working with class

If you have more than one button, you can use classes.

  • Button: Properties >> CSS Classes: myclass
  • Page Inline Css: Properties >> Inline CSS: .myclass span {… see above …}