如何在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 / form / TextBox中更改placeHolder顏色的建議/指針

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演示

Answer 2

一種解決方案是您可以在css主題中更改.dijitPlaceHolder。

在我的情況下，因為我不允許更改css主題，所以實現了一個骯臟的解決方法

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