我想从Google Chrome中输入的文件中删除"No file Selected"工具提示(我看到Firefox中没有显示工具提示).

请注意,我说的不是输入字段中的文本,而是当您将鼠标移动到输入上时出现的工具提示.

我试过了,但没有成功:

$('#myFileInput').attr('title', '');

推荐答案

这是webkit个浏览器的本机部分,您无法删除它.你应该考虑一个黑客解决方案,比如coveringhiding文件输入.

hacky解决方案:

input[type='file'] {
  opacity:0    
}

<div>
    <input type='file'/>
    <span id='val'></span>
    <span id='button'>Select File</span>
</div>   

$('#button').click(function(){
   $("input[type='file']").trigger('click');
})

$("input[type='file']").change(function(){
   $('#val').text(this.value.replace(/C:\\fakepath\\/i, ''))
})    

100

Html相关问答推荐

值更新时旋转数字动画

新用户登录时无法从cookie中获取当前用户信息

如何通过将项目包裹在迪夫中来保持最右列的对齐方式来对齐项目?

传单自定义标记(divIcon)html/css不适用

Chrome中是否有一个本地显示密码功能,用于`input type = password/`?""<"">

如何使div按钮链接到另一个网页

如何实现弯曲的梯形导航栏?

页脚与主要内容重叠

在悬停时应用文本装饰

Flexbox在元素之间造成了太大的差距

从网页中提取URL

当文本添加到元素中时,将元素拉到页面上

Html视频标签:圆角像素化

如何解决水平塌陷问题?

在 WooCommerce 存档产品类别描述上添加阅读更多/阅读更少按钮

太多的 Web 视图实例导致手机过热 Swift

如果使用复选框属性更改,如何防止事件更改?

在 flexbox 中使用 spacer 是否有效

HTML画布放大/缩小算法与CSS(图像处理)

html元素可以被css跳过吗?