<html>
<head>
<title>发光文本框边框</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style>
.sdw:focus{
transition:border linear .2s,box-shadow linear .5s;
-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
outline:none;border-color:rgba(241,39,242,.75);
box-shadow:0 0 8px rgba(241,39,232,.5);
-moz-box-shadow:0 0 8px rgba(241,39,232,.5);
-webkit-box-shadow:0 0 8px rgba(241,39,232,3);
}
</style>
</head>
<body>
<input class="sdw" id="test1" οnfοcus="this.value=''"
οnblur="if(!value){value=defaultValue;}" type="text" value="click me!" style="color: silver"/>
</body>
</html>
<head>
<title>发光文本框边框</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style>
.sdw:focus{
transition:border linear .2s,box-shadow linear .5s;
-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
outline:none;border-color:rgba(241,39,242,.75);
box-shadow:0 0 8px rgba(241,39,232,.5);
-moz-box-shadow:0 0 8px rgba(241,39,232,.5);
-webkit-box-shadow:0 0 8px rgba(241,39,232,3);
}
</style>
</head>
<body>
<input class="sdw" id="test1" οnfοcus="this.value=''"
οnblur="if(!value){value=defaultValue;}" type="text" value="click me!" style="color: silver"/>
</body>
</html>