Change cursor type on input type=”file” [duplicate]

by

Know this a old thread. But the google results brings this up… I Just found a partial solution to chrome (not invalving flash, javascript, extra DOM manipulation with overflow hidden)

  • firefox has fixed this bug
  • safari (7 at this moment) and chrome dosen’t have identical behavior
  • safari (7, mac) dosen’t work at all for me
  • chrome (and maybe opera now when it’s webkit) can use ::webkit-file-upload-button pseudo-class

.

input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}

The problem is that button’s doesn’t inherit the cursor property in general(?) but the rest of the input[type=file] field dose.
Thats why chrome get the pointer except the button

More Related Contents:

  1. CSS Button styling – Need some help -html css RADIO BUTTON LINK
  2. Is there any way to change input type=”date” format?
  3. Put icon inside input element in a form
  4. How to customize ?
  5. Styling text input caret
  6. Style input type file? [duplicate]
  7. Override browser form-filling and input highlighting with HTML/CSS
  8. Is there a way to style part of an input field’s value? [duplicate]
  9. Why cannot change checkbox color whatever I do? [duplicate]
  10. Is it possible to always show up/down arrows for input “number”?
  11. Changing the highlight color when selecting text in an HTML text input
  12. How to change the text color of first select option
  13. How to get rid of x and up/down arrow elements of a input date?
  14. What is the best way to replace the file browse button in html?
  15. Make input element (type=”text”) handle multiple lines of text
  16. CSS margin terror; Margin adds space outside parent element [duplicate]
  17. CSS Single-column layout centered fixed-width 100% height w header and footer
  18. Is there a way to remove a div but keep its elements?
  19. Generate repeating hexagonal pattern with CSS3
  20. How do change the color of the text of an within a ?
  21. Vertical (rotated) text in HTML table
  22. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  23. Equal width columns in CSS Grid
  24. How to align entire html body to the center?
  25. How to make a radio button look like a toggle button
  26. Styling autocomplete dropdowns in browsers
  27. Giving background-color to body applying whole page. Why?
  28. Media queries not working inside an iframe
  29. bootstrap 4: center inline form inside a jumbotron
  30. How do I style radio buttons with images – laughing smiley for good, sad smiley for bad?

Leave a Comment