html去除input 聚焦时的边框 以及button按钮的边框

html去除input聚焦时的边框

html中，当input标签获取焦点的时候， input标签外围会出现边框，有的时候我们需要去掉这个边框，可以给input设置 outline:none;属性将其去掉。

bootstrap的button按钮点击之后会有边框怎么解决？

                 .btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus { 
                       outline: none;   
                        border-color: transparent;  
                        box-shadow:none;
                     background:#77bc1f;
                       color:#fff;
                   }

            button的四种状态 focus 伪类：
            1.普通状态2，鼠标hover状态  3.active 点击状态  4.focus 取得焦点状态