dropzone禁用通过省略号设置的完整文件名工具提示

时间:2019-03-23 15:36:56

标签: html css dropzone.js

我正在使用dropzone进行一些文件上传(很棒的工具!),但是它具有一个丑陋的外观(在我看来!),当您将鼠标悬停在截断的文件名上时,该功能会扩展文件名作为工具提示。 / p>

我要禁用它。

为此,我喜欢打包有以下内容的CSS:

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height:auto; 
display: block;
width: 150px;

}

我尝试将text-overflow: ellipsis;更改为text-overflow: clip;  但没有任何反应..它仍然显示完整的文件名作为工具提示。

例如,您可以在这里尝试: https://codepen.io/anon/pen/QoYyPy

当我将鼠标悬停在文件名较长的文件上时,它会显示扩展版本-我想禁用此文件并仅剪切文件名。

PS:我对CSS不了解:(

0 个答案:

没有答案