input输入框focus获得焦点边缘发亮
2024-09-26 02:28:12
从某个插件上摘下来的代码
<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>
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);
}
效果
focus前:
focus:
完了
最新文章
- Valid Number
- QtCreator 添加第三方头文件库文件路径
- Oracle RAC的日志体系
- Discuz! X3.1去除内置门户导航/portal.php尾巴的方法
- VMware EXSI 6.0 体验
- 计算运行时间工具timeit
- 【转】TCP的SEQ和ACK的生成
- vi/vim正则表达式
- Python操作MySQL -即pymysql/SQLAlchemy用法
- Android 手势锁的实现 为了让自己的应用程序的安全,现在
- 豹哥嵌入式讲堂:ARM Cortex-M开发之文件详解(8)- 镜像文件(.bin/.hex/.s19)
- es6学习笔记--新数据类型Symbol
- 面向对象之三个基本特征(javaScript)
- MySQL 5.6.20-enterprise-commercial的参数文件位置问题
- django之admin管理工具
- redis、mysql、mongdb的比较
- windows环境下把Python代码打包成独立执行的exe
- Linux netstat
- Fiddler下Firefox提示“您的连接并不安全”的解决办法
- Daily Scrumming 2015.10.21(Day 2)