不透明只在水印不在背景

Question

我想減輕文字的水印，但不在背景上。當我使用不透明度時，整個輸入變得更亮。

這裏是我的小提琴http://jsfiddle.net/Ns8xe/

HTML

<select id="selMemberType" size="0" class="empty selectPlaceholder" tabindex="3"> 
      <option value="0" selected="" disabled="">Career Level</option> 
      <option value="1">Student (High School)</option> 
      <option value="2">Student</option> 
      <option value="3">Entry Level</option> 
      <option value="4">Experienced</option> 
      <option value="5">Manager</option> 
      <option value="6">Executive</option> 
      <option value="7">Senior Executive</option> 
      <option value="8">Celebrity</option> 
     </select> 

CSS

#selMemberType { 
height: 32px!important; 
border-top: 1px solid #666; 
border-right: 1px solid #666; 
border-bottom: 1px solid #c2c2c2; 
border-left: 1px solid #666; 
border-radius: 4px; 
background-color: rgba(30,31,32,.58); 
-webkit-box-shadow: inset 1px 1px 1px #555; 
box-shadow: inset 1px 1px 1px #000; 
font: normal 18px futuraltbook!important; 
clear: both; 
margin: 0 0 10px 0; 
padding: 0; 
width: 546px; 

} 

任何幫助，將不勝感激..

Answer 1

使用rgba()設置alpha透明度值。它只會改變字體顏色的不透明度（對背景顏色也很好）。請注意，它在所有瀏覽器中都不受支持，因此您需要爲不支持它的用戶設置回退。

color: rgb(0,0,0); /* fallback for not-rgba-supporting-browsers */ 
color: rgba(0,0,0, 0.5); 

檢查您的updated Fiddle。