参考になればと思います。
color:ボタンの文字の色。
background-color:ボタンそのものの色。
border-color:ボタンの縁(立体感)の色。一色指定すれば、自動的に立体的になります。
background-style:ボタンの立体感。デフォルトではoutsetになっており、立体感がついています。
<input style="color:darkred;border-color:pink;background-color:lightcoral"type="button" value="ボタン">
<input style="color:purple;border-color:lavender;background-color:thistle"type="button" value="ボタン">
<input style="color:crimson;border-color:orange;background-color:lightsalmon"type="button" value="ボタン">
<input style="color:azure;border-color:aquamarine;background-color:darkblue"type="button" value="ボタン">
<input style="color:silver;border-color:Gray;background-color:black"type="button" value="ボタン">
<input style="color:black;border-color:olive;background-color:darkkhaki"type="button" value="ボタン">
<input style="color:black;border-color:bisque;background-color:peru"type="button" value="ボタン">
<input style="color:black;border:solid thin black ;background-color:white"type="button"value="ボタン">
<input style="color:#cccccc;border:double 3px #666666 ;background-color:#000000"type="button"value="ボタン">
何パターンか出しましたので実際に適当なメモ帳などに貼り付けて見てください。
このボタンでいいんですよね??^^;;