Question

在我的输入字段（文本）中，我有一个文本，一旦点击它就会消失。如何通过编辑颜色使这个文本变浅？

对不起，代码看起来很乱，我不得不把它砍掉来给你看。

谢谢！

詹姆斯

<form>
   <input type="text" name="search" size="35"    
    onclick="this.value='';"onfocus="this.select()"
    onblur="this.value=!this.value?'Job Title   
    e.g. Assistant Manager':this.value;"
    value="Job Title e.g. Assistant Manager" 
    style="background-color:white; border: 
    solid 1px #6E6E6E; height: 30px; font-size:18px; 
    vertical-align:9px"/>

   <input type="text" name="searchterm" size="35" 
    style="background-color:white; border: solid 1px #6E6E6E;
    height: 30px; font-size:18px; vertical-align:9px"/>

   <input type="image" src="but.tiff" alt="Submit" width="60">
</form>

Answer 1

也许这样的事情（只需添加你的风格）：

<input type="text" 
       size="35" 
       value="Job Title e.g. Assistant Manager" 
       style="background-color:white; 
              border: solid 1px #6E6E6E;
              height: 30px; 
              font-size:18px; 
              vertical-align:9px;color:#bbb" 
        onfocus="if(this.value == 'Job Title e.g. Assistant Manager') {
                    this.value = '';
                    this.style.color='#000';
                 }" />

<input type="text" 
       name="searchterm" size="35" 
       style="background-color:white; 
              border: solid 1px #6E6E6E;
              height: 30px; 
              font-size:18px; 
              vertical-align:9px" />

Answer 2

您可以在输入的样式规则中添加颜色：color:#ccc;

Answer 3

您可以使用color事件处理程序中的JavaScript更改CSS onclick属性（与更改value属性的方式相同）：

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

请注意，使用内联JavaScript并不是最佳做法。您最好为输入提供ID，然后将JavaScript移至<script>块：

document.getElementById("yourInput").onclick = function() {
    this.value = '';
    this.style.color = '#000';
}

Answer 4

请试试这个：

this.newArr = Array.from(new Set(this.oldArr.map((itemInArray) => itemInArray)));

您基本上将所有CSS放在输入标记的样式部分中，并且它可以正常工作。

Answer 5

在输入类型中添加style = color:black !important;。

如何编辑HTML输入值颜色？

5 个答案: