如何改变 dijit/form/TextBox 中 PlaceHolder 的颜色?
How to change the color of PlaceHolder in dijit/form/TextBox?
我正在尝试将值分配给 dijit/form/textbox 中的占位符。我以声明方式使用它...
<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>
谁能告诉我一些 suggestions/pointer 如何更改 dijit/form/TextBox
中占位符的颜色
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" />
一种解决方案是您可以更改 css 主题中的 .dijitPlaceHolder。
就我而言,由于不允许我更改 css 主题,因此实施了一个肮脏的解决方法
dojo.query('.dijitPlaceHolder').forEach(
function(inputElem){
inputElem.style.fontSize = "11px";
inputElem.style.fontStyle = 'normal';
}
);
我正在尝试将值分配给 dijit/form/textbox 中的占位符。我以声明方式使用它...
<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>
谁能告诉我一些 suggestions/pointer 如何更改 dijit/form/TextBox
中占位符的颜色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" />
一种解决方案是您可以更改 css 主题中的 .dijitPlaceHolder。
就我而言,由于不允许我更改 css 主题,因此实施了一个肮脏的解决方法
dojo.query('.dijitPlaceHolder').forEach(
function(inputElem){
inputElem.style.fontSize = "11px";
inputElem.style.fontStyle = 'normal';
}
);