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

前言

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

解决方案

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

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

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

vue使用Ant design的input输入框,去掉边框和获取焦点时的边框
vue使用Ant design的input输入框,去掉边框和获取焦点时的边框 /* 取消多行文本框伸缩效果 resize: none; */ /* 取消多行文本框边框 border: none ...
ant design vue table表格组件实现隔行变色
ant design vue table表格组件实现隔行变色一.使用方法 html代码: <a-table:columns="patient":data-source=&q ...
ant design vue 中Upload组件如何自定义文件列表的样式
ant design vue 中Upload组件如何自定义文件列表的样式问题历程 UploadList 组件源码 h() 方法实现注问题技术:vue.ant design vue 在开发项 ...
ant design vue 的 description组件中 label 默认样式的更改
这两天做项目,需要实现一个如下图的效果于是我就去 ant design vue 里面找,发现 description 组件符合这个效果但是写完之后我发现,这个组件的 label 并不能修改样式啊, ...
Ant Design Vue LocaleProvider国际化组件zh_CN中文配置
举个栗子,我在项目中遇到了一个问题,table组件的分页器页数默认显示为英文, 查了一下,可以用<a-locale-provide>标签去实现,使用过程中发现这个标签已经废弃,于是总结出以 ...
Ant Design Vue list表格组件
文章目录 1.案例部分代码 2. 简述 3.案例代码 1.案例部分代码 <a-table:columns="columns":row-key="record =&g ...
ant design vue 清空upload组件图片缓存的方法
当关闭这个窗口后,再次打开,上传上传的图片清空在upload 这个组件外加一个key 赋随机值,便可清除缓存缓存代码如下: <a-modal v-model="visible&qu ...
Ant Design Vue中a-select组件下拉列表在局部滚动时不跟随问题解决方法
问题如下: 修改方法如下 <a-tree-select:getPopupContainer="triggerNode => {return triggerNode.parent ...
使用ant design vue 中table组件运行时not found: Error: Can't resolve 'reqwest' in 'D:\vue\antd-demo01\src\com
最近使用table时按照官网api使用table报了上面这个错误 1.只需要安装无法找到文件就可以正常运行了 2.命令行cd进入项目文件 3.运行npm install --save reqwest ...

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

前言

解决方案

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

最新文章

热门文章