首页 > 其他 > 详细

input输入框focus获得焦点边缘发亮

时间:2015-11-29 00:38:06      阅读:542      评论:0      收藏:0      [点我收藏+]

从某个插件上摘下来的代码

 

<html>
<head>
<title> New Document </title>
<style>
textarea:focus,input[type="text"]:focus,input[type="datetime"]:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
</style>
</head>

<body>
<input type="text">
</body>
</html>

效果

focus前:

技术分享

focus:

技术分享

 

完了

input输入框focus获得焦点边缘发亮

原文:http://www.cnblogs.com/xiaoliu66007/p/5003674.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!