input边框变亮
Posted jxjl
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了input边框变亮相关的知识，希望对你有一定的参考价值。
代码实现
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .form-control{height:32px; border-radius:4px; outline:0; border:1px solid #ccc; padding:4px 11px; transition:all .3s;box-sizing:border-box;} .form-control:focus{border-color: #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);} </style> </head> <body> input边框亮线：<input class=‘form-control‘> </body> </html>
效果图
以上是关于input边框变亮的主要内容，如果未能解决你的问题，请参考以下文章