antd的Input輸入框組件在獲取焦點時會有藍色的邊框顯示,最初嘗試經過設置outline:none的方法去掉這個邊框,可是發現這個方法不起做用。css
最終經過在F12調試頁面下的Elements選項下的屢次觀察和實驗,發現antd的Input組件在獲取焦點狀況下的藍色邊框是經過box-shadow來實現的,找到問題所在就很好解決了。antd
解決方法的css樣式以下:app
.ant-input-affix-wrapper .ant-input:focus { border: none; border-bottom: 1px solid white !important; box-shadow: none; }