如何使用CSS更改文本字段中初始文本的颜色？

Question

当您点击该字段时，如何使文本消失并在您单击它时重新出现？

Answer 1

color css属性用于设置文本 颜色。您可以使用名称值，rgb值或十六进制值。

更改元素对事件的反应可见性需要一些javascript知识。您可以使用jQuery（一个javascript库）来完成此任务。通过toggling行为，您可以使元素消失然后重新出现。

如果您想要在文本框中使用默认文本，直到用户关注该文本框，您将需要处理焦点和模糊事件。这个posting有一个关于此的教程。

Answer 2

你是说第一个问题的颜色属性吗？至于单击字段时文本消失，你的意思是html输入字段吗？

如果它只是一个div，那么设置一个onmouseover和onmouseout事件来隐藏div（也许使用display：block和display：none）可以实现这一点。

Answer 3

CSS：

input.placeholder {
    color:#ccc;
}

JavaScript的：

(function() {
    var placeholders = document.getElementsByClassName('placeholder');
    for(var p = 0; p < placeholders.length; p++) {
       var placeholder = placeholders[p];
       placeholder.onfocus = function() {
          this.value = '';
          this.removeClass('placeholder');
       };
       placeholder.onblur = function() {
          if(this.value == '') {
             this.addClass('placeholder');
          }
       }
    }
})();