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：

＆＃13;

::-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;
}

＆＃13;

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

＆＃13;

JSFiddle Demo

Answer 2

一个解决方案是你可以在css主题中更改.dijitPlaceHolder。

就我而言，由于我不允许更改css主题，因此实施了一个肮脏的解决方法

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

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

2 个答案: