Remove Mobile Firefox Button Gradient
If you have an Android device, you've gotta check out Firefox for Android. It's an outstanding mobile browser -- it has been very well received and you can even install apps from the Firefox Marketplace from within this awesome browser. One usability practice implemented by Firefox for Android is a gradient shade on all button elements. While I appreciate the idea, I don't necessarily want this added to elements which I want to look a very specific way. Removing this gradient effect is simple:
/* Cancels out Firefox Mobile's gradient background */
button {
background-image: none;
}
Before you jump on Mozilla for this practice, WebKit-based browsers do something very similar. Preventing this effect is also very simple so if you want to remove this gradient, use the code above and you're on your way!
![39 Shirts – Leaving Mozilla]()
In 2001 I had just graduated from a small town high school and headed off to a small town college. I found myself in the quaint computer lab where the substandard computers featured two browsers: Internet Explorer and Mozilla. It was this lab where I fell...
![5 Awesome New Mozilla Technologies You’ve Never Heard Of]()
My trip to Mozilla Summit 2013 was incredible. I've spent so much time focusing on my project that I had lost sight of all of the great work Mozillians were putting out. MozSummit provided the perfect reminder of how brilliant my colleagues are and how much...
![MooTools CountDown Plugin]()
There are numerous websites around the internet, RapidShare for example, that make you wait an allotted amount of time before presenting you with your reward. Using MooTools, I've created a CountDown plugin that allows you to easily implement a similar system.
The MooTools JavaScript
The CountDown class...
![Using Opacity to Show Focus with MooTools]()
I'm a huge fan of using subtle effects like link nudging (jQuery, MooTools) to enhance the user experience and increase the perceived dynamism of my websites. Trust me -- a lot of little things are what take websites to the next level.
Works with
inputandtextareaelements too :)