Mess with your users
You can have a bit of fun with filters and pseudo element selectors for all type of form elements. Today I propose to have fun with <input type="color">
/* http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/?utm_source=html5weekly&utm_medium=email */
::-webkit-color-swatch {
-webkit-filter: invert(100%);
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
Live demo (Chrome only)
Based on the article List of Pseudo-Elements to Style Form Controls.
Written by Stefano B.
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#