변경 글꼴이 자리 표시 자 텍스트가 표시되는 경우에만

Question

나는 다음과 같은 코드를 가진 jEditable 컨트롤에 돌리겠다 사업부가 있습니다

  $(".ed-fld").editable("/url", 
      { 
       placeholder: "(Edit)", 
       tooltip: "Click to edit", 
       indicator: "Saving. . ." 
      } 
     ); 

그것은 잘 작동합니다.

이제 컨트롤에 자리 표시 자 텍스트가 표시 될 때 회색 색으로 표시되는 효과를 추가하고 싶습니다. 컨트롤에 실제 텍스트가 포함되어 있으면 일반 스타일링을 따라야합니다.

jEditable을 통해 가능합니까?

Answer 1

placeholder 문자열은 요소의 innerHTML에 직접 할당되므로 클래스에 HTML 태그를 포함 할 수 있습니다 (예 :

$('.ed-fld').editable('/url', { 
    ... 
    placeholder: '<span class="placeholder">(Edit)</span>' 
}); 

그런 다음 당신이 placeholder 클래스 스타일을 지정할 수 있습니다, 예를 들어,

.placeholder { color: gray } 

는 직접보기 : http://jsfiddle.net/william/6VUHh/40/.