javascript - CSS 或 JS - 当输入聚焦时更改输入的背景颜色?

标签 javascript jquery css focus html-input

<分区>

有什么方法可以在失去焦点时在输入文本上设置 background-color 吗?

我正在 js 中尝试,但我想知道在纯 css 中是否可行。

这似乎不起作用

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

关于javascript - CSS 或 JS - 当输入聚焦时更改输入的背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20199017/

相关文章:

javascript - 运行描述中给出的 cordova 应用程序时出现 2-3 个弹出窗口,然后浏览器卡住

javascript - jQuery:输入时更改键盘值

html - 垂直对齐 div 内的 <a> 文本

html - 在 SSRS 报告中显示 HTML 格式的内容

php - 当用户点击播放时在同一个网页上弹出视频

javascript - 如何使用setInterval更新D3轮廓?

javascript - 类型错误 : Cannot read property 'name' of null when creating new wallet

javascript - 加载完成时模态关闭

javascript - jQuery 子选择器语法

javascript - 三个持续时间或增量日期 3 持续时间使用 jQuery 或 JavaScript