How can I remove the “No file chosen” tooltip from a file input in Chrome?

The default tooltip can be edited by using the title attribute

<input type="file" title="your text" />

But if you try to remove this tooltip

<input type="file" title=""/>

This won’t work. Here is my little trick to work this, try title with a space. It will work.:)

<input type="file" title=" "/>

Related Contents:

  1. JSFiddle code not working in my own page
  2. jQuery in Chrome returns “block” instead of “inline”
  3. Using jQuery to center a DIV on the screen
  4. Make header and footer files to be included in multiple html pages
  5. How to disable HTML links
  6. Jquery load() only working in firefox?
  7. Refresh/reload the content in Div using jquery/ajax
  8. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  9. Set timeout for ajax (jQuery)
  10. Clear icon inside input text
  11. Show and hide divs at a specific time interval using jQuery
  12. How to connect HTML Divs with Lines? [duplicate]
  13. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  14. How do I detect “shift+enter” and generate a new line in Textarea?
  15. Dynamically loading css stylesheet doesn’t work on IE
  16. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  17. How to get nth-child selector to skip hidden divs [duplicate]
  18. How to show popup message like in Stack Overflow
  19. Using jQuery how to get click coordinates on the target element
  20. Change text color based on brightness of the covered background area?
  21. make html text input field grow as I type?
  22. Chrome Extension how to send data from content script to popup.html
  23. Setting CSS value limits of the window scrolling animation
  24. Dropdown select with images
  25. Dashed border animation in css3 animation
  26. How can I generate the opposite color according to current color?
  27. Disable dragging an image from an HTML page
  28. CSS3-Animate elements if visible in viewport (Page Scroll)
  29. How can I retain the scroll position of a scrollable area when pressing back button?
  30. Open a new javascript window(.open) along with its CSS styling
  31. Use a new CSS file to override current website’s
  32. Fade background image in and out with jQuery?
  33. How to create a responsive image that also scales up in Bootstrap 3
  34. jQuery – Sticky header that shrinks when scrolling down
  35. How to ONLY trigger parent click event when a child is clicked
  36. Scale element proportional to Background Cover with jQuery
  37. Creating a select box with a search option
  38. Uncaught TypeError: Cannot read property ‘top’ of undefined
  39. Detect browser wrapped lines via javascript
  40. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  41. Change the style of :before and :after pseudo-elements? [duplicate]
  42. JavaScript Loading Screen while page loads
  43. Check if element is between 30% and 60% of the viewport
  44. Active Menu Highlight CSS
  45. Proper way to reset a GIF animation with display:none on Chrome
  46. Increase CSS brightness color on click with jquery/javascript?
  47. collapse and expand tabs jquery / simple accordion
  48. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  49. Prevent iOS bounce without disabling scroll ability
  50. jQuery: Change element type from hidden to input

Leave a Comment