如何在antd的上载组件中更改上载文本？
萨曼·雅格比（Samane Yaghoobi）
我想在antd中上传时自定义上传组件中的“正在上传”文本。但是我在antd doc中找不到任何可以帮助我的东西。这是文档：https : //ant.design/components/upload/
蓝海豹
要更改其位置content，您需要自定义top和left。我也更改了其他元素的CSS属性（加号图标的红色，另一张卡的上载文本）。您可以根据需要更改它们。这是一个快速演示。
/* plus + icon*/
.ant-upload-select-picture-card i {
font-size: 32px;
color: red;
}
/* Upload text*/
.ant-upload-select-picture-card .ant-upload-text {
margin-top: 8px;
color: red;
}
/* Uploading... text*/
.ant-upload-list-item-info
> span
> div[class="ant-upload-list-item-uploading-text"] {
visibility: hidden;
}
/* you need to customise top and left css attribute */
.ant-upload-list-item-info
> span
> div[class="ant-upload-list-item-uploading-text"]:after {
content: "Wait ?";
visibility: visible;
display: block;
position: absolute;
padding: 1px;
top: 10px;
left: 10px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用Backload以编程方式更改上载文件夹
- 2
如何在jsp中获取上载文件的准确路径？
- 3
上载文件名更改后，如何在img src目录中添加扩展名？
- 4
更改上载工作表的权限
- 5
更改上载路径播放框架
- 6
如何在上载器（ajax）中更改obj值？
- 7
如何在Liferay中更改默认文档上载位置？
- 8
C＃MVC如何在进一步处理之前更改上载的pdf文件名
- 9
如何在代码协作代码审阅中撤消上载文件？
- 10
如何在MongoDB Java驱动程序3中上载文档
- 11
如何在上载文件中执行一个PHP文件
- 12
如何从jsp获取servlet中的上载文件的路径
- 13
如何从IOwinRequest获取上载文件的集合？
- 14
在Shell Runner中卷曲上载文件
- 15
如何在django中更改文件名和上载时的存储位置
- 16
如何在OrbitControl中更改上轴
- 17
如何在选择图像时直接使图像上载而不是在JQuery中按上载按钮
- 18
如何在Laravel中的模型中执行上载的文件验证
- 19
如何在JavaScript中的下拉值更改上启用文本框
- 20
如何在ASP.NET MVC中保持表单的异步上载文件？
- 21
如何在具有1个或多个关系的数据库中上载文件
- 22
如何在ASP.NET MVC中保持表单的异步上载文件？
- 23
如何在Openerp中获取上载的文件名
- 24
如何在db中哈希上载的文件名？
- 25
如何在django / mezzanine模板中显示上载的django ImageField？
- 26
如何在FilePicker中获取上载的文件路径
- 27
如何在Twitter中为iOS上载动画GIF？
- 28
当图像存储在node.js服务器上载文件夹中时，如何在角度应用程序中显示图像？
- 29
如何在本地部署和带S3的AWS EB中为Laravel 5.2设置不同的上载文件存储位置？
我来说两句