DIV元素与HTML4中的tabindex不兼容。
( HTML 5规范 允许这样做,但是,它通常工作不管)
以下元素支持tabindex属性:A,AREA,BUTTON,INPUT,OBJECT,SELECT和TEXTAREA。
本质上讲,您希望能够保持专注的任何事物;表单元素,链接等
我想您可能想在这里做的是使用一些JS(我建议使用jQuery来实现相对轻松的操作)绑定到输入元素上的focus事件并在父div上设置border。
将其粘贴在body标签的底部,即可从Google CDN中获取jQuery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
然后像这样的事情可能会解决问题:
$(function() {
$('div.radio input').bind({
focus : function() {
$(this).closest('div.radio').css('border','1px dotted #000');
},
blur : function() {
$(this).closest('div.radio').css('border','none');
}
});
});