본문 바로가기

나는개발자다/GWT

gwt textbox placeholder change color

Css에 


::-webkit-input-placeholder {

    color:    #999;

}

:-moz-placeholder {

    color:    #999;

}

::-moz-placeholder {

    color:    #999;

}

:-ms-input-placeholder {

    color:    #999;

}


/* Different color for some fields */

#placeholder-white::-webkit-input-placeholder{

  color:    #FF0000;

}

#placeholder-white:-moz-placeholder{

  color:    #FF0000;

}

#placeholder-white::-moz-placeholder{

  color:    #FF0000;

}

#placeholder-white:-ms-input-placeholder{

  color:    #FF0000;

}


를 추가한다.


#999로 정의한 css는 defailt place holder 색이다.



TextBox tb = new TextBox();

tb.getElement().setId("placeholder-white");


이렇게 하면 placeholder가 #FF000으로 된다.



placeholder 적용된 TextBox이다.


'나는개발자다 > GWT' 카테고리의 다른 글

GWT Loading spinner  (0) 2016.01.08
gwt hr line  (0) 2015.10.15
GWT Matrial 디자인.  (0) 2015.07.16
javascript에서 GWT 메소드 호출방법.  (0) 2015.06.17
모바일 웹에서 sms, email 연동시키기.  (0) 2015.06.17