CSS 控制 input 只顯示下劃線效果

因爲頁面設計須要，有時咱們可能會出現只有下劃線（底部邊框）的input，以下圖所示

那麼怎麼實現這種效果呢？

其實很簡單，只要從邊框（border）入手就能夠了

好比將上、右、左邊框寬度設置爲0，下邊框爲1，顏色根據須要調整

border-bottom: 1px solid #dbdbdb;  
border-top:0px;  
border-left:0px;  
border-right:0px;

如上代碼，便可實現。