Question

怎样写“当鼠标点击html页面div所在处部分后,出现此处div的带色边框”的CSS代码

也就是说，当鼠标左键单击了DIV所在位置的此处空间时，原先边框颜色为白色（与HTML页面背景颜色相同的边框颜色）的DIV边框突然改变了其边框颜色，这样控制DIV的CSS代码应该怎样写？？？？
请给出点思路~~！我是从51注册网站上看到的效果，你们可以到51注册页面看看~~！点击输入各项信息便会出现此效果~~！

Answer 1

他那里面有一个css类是 .regist_list li.current{border-color:#6BAAE8;}

然后在点击各个input的时候会触发js事件setCurrentItem

function setCurrentItem(row_id) {
getObject("row_user").className = '';
getObject("row_pass").className = '';
getObject("row_pass_confirm").className = '';
getObject("row_sex").className = '';
getObject("row_age").className = '';
getObject("row_area").className = '';
getObject("row_mail").className = '';
getObject("row_authcode").className = 'validate';
if(row_id == '') return true;
getObject(row_id).className += " current";
}
这样就修改它的border-color属性了

其实中心思想就是根据你点击的input对应处理相关的外层div

Answer 2

<div style="border:1px solid #ffffff;width:100px;height:100px;" onclick="this.style.border='1px solid #ff0000'">
点击我试试
</div>

Answer 3

出现边框有可能会破坏DIV+CSS布局，慎用。

Answer 4

<div class="默认样式" onmouseover="this.className='鼠标指向时DIV样式'" onmouseout="this.className='鼠标离开时DIV样式'">