css - input边框点击后出现蓝色边框,outline:none无法生效
本文介绍了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屋!
查看全文