我正在使用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不了解:(