编程语言
首页 > 编程语言> > javascript – CSS或JS – 当输入被聚焦时改变输入的背景颜色?

javascript – CSS或JS – 当输入被聚焦时改变输入的背景颜色?

作者:互联网

当输入文本失去焦点时,有没有办法在输入文本上设置背景颜色?

我正在尝试js,但我想知道它是否可能在css pure.

这似乎不起作用

input{
 background-color:#fff !important;
}   
input:focus{
background-color:#333 !important;
}
//input:unfocused and has value{ ??? :) }

 $('input,textarea').on('focusout',function(e){
      if($(this).val().length){
       $(this).css('background-color','#fff');
      }
      });

谢谢

解决方法:

CSS3方法将是,例如:

input[type=text]:focus{
    color:red;
}

THIS FIDDLE.它有点落后,你要设置活动的样式,而不是模糊的选择器.

要模拟模糊,您可以使用:not(:focus),see here

标签:jquery,javascript,css,html-input,focus
来源: https://codeday.me/bug/20190624/1281252.html