Rounds corners and adjusts appearance of textarea, select, input, and button fields. Changes borders/outline/background color when hovered. Resulting eye-candy is somewhat Safari-like. Applies globally, but you can exclude sites or apply it only to selected sites.
*** Note: the corresponding 'Rounded Forms' Greasemonkey script performs the same functions.
See http://userscripts.org/scripts/show/29819 for the Greasemonkey script
Version 1.11 (26-Apr-09)
Just a few tweaks to make it behave better with sites that have their own CSS for these elements.
Version 1.10 (16-Apr-09)
Simplified greatly -- Redesigned so that input, textarea, and select fields and buttons have dimensions identical to these
items as defined in Firefox's 'forms.css' file. This improves the appearance on most sites (including YouTube)
Corrections made in the 1.10 version should take care of the issues mentioned by tbone and kuroi-ryu.
Takes off from the ideas in http://userstyles.org/styles/787 and extends it to dropdown lists ('select' tags).
Before
|
After
|
Install options
- Install Stylish plus Kallout for Firefox (or from here for just Stylish or for other Mozilla apps). If you have Stylish already, make sure you're using the latest version and have JavaScript enabled.
- You need Firefox with Stylish to use this style. Get Firefox, then install Stylish plus Kallout (or just Stylish), then come back here to install this style.
- - load into the Stylish extension where you can preview and save it.
- - this style has been updated since you installed it in Stylish.
- - Greasemonkey and Opera users can load this style as a user script.
Feedback
Reviews
tbone said on Jan 19 2009
Youtube's latest redesign does unfortunately make the layout look kind of broken. All clickable icons (top row, below the video and to the right) now have a "rounded" shape as if they were text fields.
kuroi-ryu said on Sep 07 2008
Good work, really!
Searched many times for a way to create rounded corners in textareas and so on.But I also found a little bug on this: for example here at userstyles.org search bar text is too high, not vertical centered. It's not often but sometimes it doesn't look great anymore.
stek001 said on Aug 13 2008
Great Style. Works as described. You can make colour and shape to your own liking by changing the numbers in the code.