Question

我有一组文本输入框，现在输入时，输入的文字不显示。单击页面的不同部分后，文本将显示，但不会在用户实际键入时显示。有谁知道可能导致这种情况的原因？

<form method="post" action="/contact" >
    <ul class="contact">
      <li>
        <label for="name">Name</label>
        {{ contact | contact_input: 'name' }}
      </li>
      <li>
        <label for="email">Email</label>
        {{ contact | contact_input: 'email' }}
      </li>
      <li>
        <label for="subject">Subject</label>
        {{ contact | contact_input: 'subject' }}
      </li>
      <li>
        <label for="message">Message</label>
        {{ contact | contact_input: 'message' }}
      </li>
      <li>
        <label for="captcha">Spam check</label>
        <div>
          {{ contact | contact_input: 'captcha' }}
          <div class="captcha_image">{{ contact.captcha }}</div>
          <span>Please enter the characters from the image.</span>
        </div>
      </li>
    </ul>
    <button type="submit" name="submit" tabindex="6" title="Send us an email">Send</button>
  </form>

Answer 1

您可以尝试使用CSS：

ul.contact > li > input:focus{
color:black;
}

希望它有所帮助！

Answer 2

您好，您可以简单地使用javascript来改变颜色。

<script> 
    function textboxFocus(x) 
    {  
        document.getElementById(x).style.color = "green";  
    } 
    function textboxBlur(x) 
    {    
        document.getElementById(x).style.color = "black"; 
    } 
</script>

<input id="em" type="text" name="Email" placeholder="Email" onclick="textboxFocus(this.id);" onblur="textboxBlur(this.id);" size="40"/>

Answer 3

您可以检查CSS类联系人样式并使用focus更改文本颜色。在输入时会显示文本。

在HTML文本框中键入时更改文本的颜色？

3 个答案: