html聚焦时文本框变色,html – 更改内部元素聚焦时的颜色

不.在CSS3中没有主题选择器,但在

CSS4中会有一个.

编辑：

纯JavaScript解决方案可以

var i;

var inputs = document.querySelectorAll("tr > td > input");

for(i = 0; i < inputs.length; ++i){

inputs[i].addEventListener('focus',function(e){

this.parentNode.parentNode.className += ' highlight';

});

inputs[i].addEventListener('blur',function(e){

this.parentNode.parentNode.className = this.parentNode.parentNode.className.replace(/\s*highlight\s*/ig,' ');

});

}

$("tr > td > input").focus(function(e){

$(this).parent().parent().addClass('highlight');

}).blur(function(e){

$(this).parent().parent().removeClass('highlight');

});

不要忘记在CSS中添加类tr.highlight.请记住,jQuery将在以后的版本中放弃对旧浏览器的支持(参见Browser Support),因此你必须使用jQuery 1.x forIE≤8.