如何去除表單元素獲得焦點時的外邊框:outline (輪廓)

      我們在做制作表單頁面時，經常會需要消除表單元素帶來的邊框，這時候我們需要用到兩個屬性：

　　 1、表單元素未激活狀態下的邊框，不實現邊框: border:none;

         2、表單元素獲得焦點時的輪廓,隱藏輪廓: outline:medium;

 

　　具體代碼如下：

            .form_row input[type=text],
            .form_row input[type=password] {
                width: 520px;
                height: 40px;
                margin: 0px auto;
                margin-left: 5px;
                display: block;
               border: none;
                color: #999999;
                font-size: 14px;
                border-radius: 5px;
                background-color: #eff0f4;
                text-indent: 45px;
            }
            .form_row input:focus {
                background-color: white;
                box-shadow: 0 0 15px #ece9e9;
                border: none;
              outline: medium;
            }

效果如下：
　　

　　

PS:

　這里有一點需要注意的是，經量不要使用border:0;和outline:0;
  對比0與none;之間的區別在於有渲染和沒渲染，感覺他們和display:none;與visibility:hidden;的關系類似