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 …}