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

当您点击该字段时，如何让文字消失，并在您点击时再次出现？如何使用CSS更改文本字段中初始文本的颜色？

2010-09-12 Justin Meltzer

考虑将这些不同的问题。 – 2010-09-12 05:52:45

注意：如果文本是默认文本，而不是用户已经开始输入的文本，则应该使文本消失！（如果用户输入前半部分然后再输入其他字符，并在输入文本中再次重新聚焦，或者用户在提交输入前重新校正错字） – FelipeAls 2010-09-12 06:54:37

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'); 
      } 
     } 
    } 
})();

来源

2010-09-12 05:38:20

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

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

来源

2010-09-12 05:34:47 stevebot

也就是说，颜色属性又称颜色文本。在你有value =“X”的输入标签中，我想改变X的颜色。是的，一个html输入字段。 – 2010-09-12 05:37:46

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

改变元素对事件反应的可见性需要一些javascript知识。您可以使用jQuery，这是一个JavaScript库，来实现这一点。通过toggling行为，你可以使一个元素消失，然后重新出现。

如果您希望在文本框中使用默认文本之类的内容，直到用户专注于此，则需要处理焦点和模糊事件。这posting有一个教程。

来源

2010-09-12 05:35:19

我尝试使用颜色CSS属性。我似乎无法更改输入标记的值=“X”内的文本X。我应该如何调整我的html代码？ – 2010-09-12 05:39:54

@Justin，这里有一个活的工作示例：http://jsfiddle.net/H3Tr3/ – 2010-09-12 05:43:29

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

回答

相关问题