Ant Design Vue - 去除 input 组件边框和获取焦点时的边框蓝阴影效果

前言

默认情况下，组件是有默认边框与获取焦点时存在的阴影效果的。

解决方案

在该页面的底部加入以下覆盖样式。

.ant-input:focus {
    
    /* 去除获取焦点时的样式 */
    border: none;
    box-shadow: none;
}
.ant-input{
    
    /* 去除边框样式 */
    resize: none; 
    border: none;
    height: 60px;
}