Simple question... How do I change the cursor type on a file input type?
I've tried the following:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
input[type="file"] {
cursor: pointer;
}
</style>
</head>
<body>
<input type="file">
</body>
</html>
For some reason, it won't play ball.
First of all, your code works on Internet Explorer, but doesn't on Firefox.
Second, W3C Css standard doesn't allow styling complex tags like <input />. Even for cursor property.
Endly, see this page. I did not try his solution, so tell us if it works and how.
It works differently in different browsers. I guess it's because the file input type is quite special.
What browser/version do you use?
I know that IE6 does not support to specify the type in the style.
Works perfectly
Does not work at all.
Uses arrow over the button, but your defined cursor over the rest.
Uses your defined cursor when entering any part from outside the input element, but the default cursor is used when moving mouse internally between text field and button (text cursor over the text field, and arrow over the button).
Try using:
input[type=file] {
cursor: pointer; cursor: hand;
}
See if that works. I've had to put pointer + hand in mine to make it work in FF/Chrome/etc. Also, I'm not sure if it matters but I don't think there are quotes around 'file' in the css.