码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-11-29 00:40:32      阅读:148      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!