大佬教程收集整理的这篇文章主要介绍了html – 更改内部元素聚焦时的颜色，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
HTML：
<table>
<tr>
<td>Name</td><td><input type="text" name="name"></td>
</tr>
</table>
CSS：
tr:focus { BACkground:yellow; }
updatE1：
看起来没有CSS only方法.使用JavaScript最简单的方法是什么？
编辑：
纯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,' '); }); }
但是,这在IE≤7中不起作用,因为之前的8节不知道document.querySelectorAll(demonstration).如果您想要一个免费的跨浏览器解决方案,您可以使用jQuery和以下代码(demonstration)：
$("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.
以上是大佬教程为你收集整理的html – 更改内部元素聚焦时的颜色全部内容，希望文章能够帮你解决html – 更改内部元素聚焦时的颜色所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。