在做web界面时,有时可能需要比如,当文本框获取集聚后,让文本框显示另一种醒目的模式。
onblur时:
onfocus时:
但是,如果直接在组件input上写onfocus和onblur是很麻烦,和不必要的;这里我们可以利用CSS的表达式来进行处理。
如下例:
<html>
<head>
<style>
.INPUTCSS{
border: 1px solid #0099FF;
star:expression(οnfοcus=function(){this.className="TESTCSS"},οnblur=function(){this.className="INPUTCSS2"});
}
.TESTCSS{
border: 1px solid #FFCE86;
}
.INPUTCSS2{
border: 1px solid #0099FF;
}
</style>
</head>
<body>
<center>
<input type="text" class="INPUTCSS"/>
</center>
</body>
</html>