Macでの文字色について

質問

ご存知の方に教えて頂きたいことがあります。
Windows環境でWEB製作を行っています。
その中で、あるページに於いて下記のHTMLタグとCSSを使って文字を表示しています。

Windows側の各種ブラウザでは、指定通りの文字色（金色のような色）で表示されますが、Mac（ブラウザはSafari）では指定通りの文字色にならず、別の色（ダークグレー）で表示されます。
どなたか回避方法をご存知でしたら、教えて下さい。

■HTML
<table class="ta1" cellspacing="0">
<tbody>
<tr>
<th class="status2">About Brand concept</th>
</tr>
</tbody>
</table>

■CSS
.ta1 {
width: 800px;
height: 40px;
background-image: url(../graphics/title_brand_items.jpg);
margin-bottom:10px;
}

.ta1.status2 {
font-family: Arial, Times New Roman, Verdana, Geneva, sans-serif, System;
font-size: 15px;
font-weight: bold;
color: #BBA369;
letter-spacing:1pt;
}

回答No.2

神崎 渉瑠（@taloo）

BBS投稿時のコピーミスでなければ、
.ta1と.status2の間に半角スペースを入れてみてください。

.ta1 .status2 {
略
}

回答No.1

ORUKA1951

色名のキーワードgoldは、HTMLやスタイルシートで許されているキーワードではありません( 17色( http://www.w3.org/TR/CSS2/syndata.html#value-def-color ) )ので、コードで指定する必要があります。
　通常、goldは　#FFD700ないし、rgb(255,215,0)で指定します。256色のディスプレイでは、#FFCC00を指定することもあります。
　ただ、金色と言う色は色名としてはありますが、本来の金色は金属光沢(あらゆる偏光方向に関わらず反射される)反射光を含んだ色ですから、単にその色を指定しただけでは金色と感じません。

そのためCSS3を使って
width:80px;line-height:40px;
background: linear-gradient(left 45deg, rgb(255,200,0), rgb(255,225,0), rgb(255,200,0));
background: -moz-linear-gradient(left 45deg, rgb(255,200,0), rgb(255,225,0), rgb(255,200,0));
background: -webkit-gradient(linear, left top, right bottom, from(rgb(255,200,0)), color-stop(0.5, rgb(255,225,0)) , to(rgb(255,200,0)));
のように指定したり、画像を指定します。

なお、実際にディスプレイの色を指定することはできません。ディスプレイで表示される色は、端末のディスプレイの指定や癖によるもので、同じOSであっても異なるディスプレイだとまったく異なった色に見えます。