css - input边框点击后出现蓝色边框，outline:none无法生效

问题描述

问 题

<style type="text/css">

input:focus {outline:none}

</style>

解决方案

看了一下 amazeUI 的输入框，发现这个蓝色边框不是 outline，而是自己模拟的 outline 效果。核心代码如下：

主要就是 box-shadow 和 border-color 的效果。用下面这样设置就可以：

input:focus{
    border-color:#333;   //设置为原来的颜色
    box-shadow:none;
}

这篇关于css - input边框点击后出现蓝色边框，outline:none无法生效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！