Normalize.css: No pointer cursor on file and image inputs

Created on 21 Mar 2016  路  6Comments  路  Source: necolas/normalize.css

Should have a pointer cursor hover file and image inputs in all browsers:
[type='file'],
[type='image'] {
cursor: pointer;
}
-webkit-appearance: button;
cursor: pointer;
}

request

Most helpful comment

@jonathantneal I think "removing the default margin from body" may be the "exception qui confirme la r猫gle". But note that this styling has no impact on UX—which is not the case for cursor on controls.

All 6 comments

Thanks for pointing this out. Would this pointer also apply to the text field of a file input?

Please read this discussion. The idea was to actually remove such styling from normalize.css

@thierryk. Yikes. Unfortunately, this was closed without a change to the code to actually remove these items. I鈥檓 sorry to have missed this. It was my original intention to remove all opinionated styles in v4, but there was concern that some opinionated styles were essential. See #518

I understand for the cursor.
Indeed, the -webkit-appearance: button; should be kept as the file select button is rounded on Mac, the same inconsistency you fixed on line 332 (* 2. Correct the inability to style clickable types in iOS.)

-webkit-appearance: button;
}

Excellent. I will look into this!

@jonathantneal I think "removing the default margin from body" may be the "exception qui confirme la r猫gle". But note that this styling has no impact on UX—which is not the case for cursor on controls.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

DanielPietrasik picture DanielPietrasik  路  3Comments

denis-sokolov picture denis-sokolov  路  4Comments

henrik picture henrik  路  7Comments

Sky161 picture Sky161  路  6Comments

janstieler picture janstieler  路  5Comments