更改文本字段中的文本颜色

时间:2010-03-25 15:21:11

标签: javascript html css

我有一个输入文本字段,默认情况下值为“something”,但是当我开始输入时,我希望默认值改变颜色,然后我将键入另一个文本。

我该怎么做?


<input type="text" value="something" onclick="this.value=''" />

5 个答案:

答案 0 :(得分:13)

为了让它像你的例子一样简单:

<input type="text" value="something" onclick="this.value='';this.style.color='red';" />

这应该是这样做的。

答案 1 :(得分:5)

您可能需要尝试以下操作:

<input type="text" value="something"
       onFocus="if (this.value == 'something') this.style.color = '#ccc';"
       onKeyDown="if (this.value == 'something') {  
                      this.value = ''; this.style.color = '#000'; }"> 

答案 2 :(得分:0)

关闭@chibu的答案,这就是你如何使用jQuery和不引人注目的Javascript


 
$(document).ready(
   function() {
      $("#mytext").bind(
         "click",
         function() {
            $(this).val("");
            $(this).css("color", "red");
         }
      );
   }
)


答案 3 :(得分:0)

// 'run' is an id for button and 'color' is for input tag

// code starts here
(function () {
    
    const button = document.getElementById("run");
    button.addEventListener("click", colorChange);

    function colorChange() {
        document.body.style.backgroundColor = document.getElementById("color").value;
    }
})();

答案 4 :(得分:-2)

我们走了:

<input type="text" value="something" onclick="this.value='';this.style.color='red';" />

祝你好运!

继续编码!