javascript - 如何更改标签的字体颜色和输入框的输入焦点并在模糊时将其更改回

Question

我附上了我所做的链接

http://plnkr.co/edit/JlARpFiVEFryAhgxgWJm?p=preview

     input[attribute=flag]:focus {
      color: red;
    }
    
    input[attribute=flag]{
      color: green;
    }

 <form name="Form" class="form-horizontal " style="padding-left:9%;">
              <div class="form-group">
                <div class="col-sm-11  ">
            		  <label for="inputEmail"  class="control-label" >Email</label><br>
            			  <input type="email" attribute=flag class="form-control inputBorderStyle box"  id="usernameLogin" name="username"  required="">
            		</div>
          		</div>
          		
              <div class="form-group">
                <div class="col-sm-11 "><br>
            		  <label for="inputPassword"  class="control-label">Password</label><br>
            			  <input type="password"  attribute=flag  class="form-control inputBorderStyle box"  id="usernamePassword"  name="password" required="">
          			</div>
          		</div>
          		
              <div class="form-group last">
                <div class="col-sm-11"><br>
                  <button type="submit" id="loginButton" class="btn btn-myprimary">LOG IN</button>
                </div>
              </div>
        </form>

输入的

Onfocus 我想更改标签和输入的颜色。 现在我无法更改输入的颜色，但如何在焦点上更改标签颜色并在模糊时将其更改回其他颜色。如果有人有想法，请提出建议。 提前致谢

Answer 1

尝试使用 focusin 和 focusout 效果。

Jsfiddle

$(document).ready(function() {
$("input").on("focusin", function() {
    $(this).siblings("label").css("color","red");
    $(this).css("color","red");
});

$("input").on("focusout", function() {
    $(this).siblings("label").css("color","green");
    $(this).css("color","green");
})

})