如何更改dijit/form/TextBox中PlaceHolder的顏色？

Question

我試圖將值分配給dijit/form/textbox中的placeHolder。我已經在聲明的方式使用它...

<input id="searchbox" name="searchbox" value="" 
       data-dojo-type="dijit/form/TextBox" 
       style="width: 9em; height: 1.4em;font-size:14px" 
       onKeyPress="sboxOnClick"> 

document.getElementById("searchbox").placeholder="<font color='grey' style='font-weight:bold'>search</font>"; 

但我得到的值，<font color='grey' style='font-weight:bold'>search</font>

任何人都可以給我一些建議/指針如何改變dijit的佔位符的顏色/形式/文本框

Answer 1

CSS：

::-webkit-input-placeholder { /* WebKit browsers */ 
 
    color: #909; 
 
} 
 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
 
    color: #909; 
 
    opacity: 1; 
 
} 
 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
 
    color: #909; 
 
    opacity: 1; 
 
} 
 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
 
    color: #909; 
 
}

<input type="text" placeholder="Enter text Here" />

JSFiddle Demo

Answer 2

一個解決方案是，您可以更改css主題中的.dijitPlaceHolder。

在我的情況，因爲我不允許更改CSS的主題，一個骯髒的解決辦法是實現

dojo.query('.dijitPlaceHolder').forEach(
     function(inputElem){ 
      inputElem.style.fontSize = "11px"; 
      inputElem.style.fontStyle = 'normal'; 
     } 
    );