Question

我有以下代码更改GWT中文本框的占位符：

A.getElement().setAttribute("placeholder", "please enter name:");

//getElement returns an instance of "com.google.gwt.user.client.Element"

问题：如何将此元素占位符的颜色更改为其他内容（如红色），然后将其更改回默认值？

Answer 1

在stylesheet.css中添加新样式并将其添加到输入元素中这是一个简单的例子：

A.getElement().setAttribute("placeholder", "please enter name:");
// add the style for a red text
A.addStyleName("redPlaceHolder");
// remove it when youre done and it will change back to default
// A.removeStyleName("redPlaceHolder");

的CSS：

.redPlaceHolder::-webkit-input-placeholder {
   color: red;
}

.redPlaceHolder:-moz-placeholder {
   color: red;  
}

.redPlaceHolder::-moz-placeholder {  
   color: red;  
}

.redPlaceHolder:-ms-input-placeholder {  
   color: red;  
}

JSFiddle示例 https://jsfiddle.net/4zydnufe/1/

如何更改GWT元素中占位符的颜色

1 个答案: