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 取得焦點狀態


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM