使用：focus设置外部div的样式？

虽然不能仅通过CSS / HTML来实现，但是可以通过Javascript来实现（不需要库）：

var textareas = document.getElementsByTagName('textarea');for (i=0;i<textareas.length;i++){    // you can omit the 'if' if you want to style the parent node regardless of its    // element type    if (textareas[i].parentNode.tagName.toString().toLowerCase() == 'div') {        textareas[i].onfocus = function(){ this.parentNode.style.borderStyle = 'solid';        }        textareas[i].onblur = function(){ this.parentNode.style.borderStyle = 'dashed';        }    }}

顺便说一句，使用jQuery之类的库，以上内容可以简化为：

$('textarea').focus(    function(){        $(this).parent('div').css('border-style','solid');    }).blur(    function(){        $(this).parent('div').css('border-style','dashed');    });