How to remove or change color of animated gradient background overlay appeared after click on button?
If the button has a dark background, then it looks very bad, the background turns black at the moment it is clicked.
Related
I have a jsFiddle that illustrates the problem. I'm using the bootstrap CDN on my site. I've overridden the Bootstrap btn-primary class in CSS in order to make them match my site theme.
The problem: btn-primary has a hover that toggles the icon background color to a shade of blue. But when I click on the button, it seems to 'lock' onto the hover color. It will only change back if I click on the page OUTSIDE of the button.
I know I could just add !important to the background line in my CSS, but then I lose the mouseover/hover color change, which I'd like to preserve.
Can anyone explain why this is happening or give me a fix to allow my overridden button to switch back to its desired/initial color after clicking it and mousing off of it? Thanks.
JsFiddle link
Instructions to repro problem from jsFiddle:
See the issue:
1. mouse over the button without clicking. Color changes for mouse on, changes back on mouse off.
2. Mouse over button
3. Click button.
4. Mouse off button.
5. Notice color of button remains the mouseover color, even if you mouse on/off button repeatedly.
6. click page outside of button.
7. notice button now changes back and mouseover behavior is restored.
Looking for a way to retain default mouseover behavior yet override the default bg color of the bootstrap btn-primary.
Provided the color wheel image how can we display it using CSS Sprites technique adding hover effects over the red, blue & yellow areas ? Clicking on any color area should open respective links.
I have an iOS6 iPhone application, with a Tabbar and tabbar buttons. These buttons need icons and that's where the trouble starts. Added one icon to the project, double clicked on a button in the designer and associated the (questionmark) icon via the image combobox to the button. When I run the app on my iPhone, I do indeed see that the button now does indeed display a gradient-gray square, which turns into a gradient light-blue square, but the questionmark icon is not shown. The icon is a .png and the size is width 40, height 51. I changed nothing in the code.
I solved my problem to the extent that I can work with it: you need so called 'transparent icons'.
i my qt application i have a window and i set the background color of the window as white using "Change stylesheet'when i placed a button its background color is also the white.....i want the green window with button with a background color of grey...how to achieve this?
You need to set the autoFillBackground property to true on the widget.
Otherwise the background color, you have selected, will have no effect.
If this is not the case, please write a better description of the problem.
When I click on some button or I click on the a element in grid or list view, a default orange color appears. I don't want that color to come when I click on it. Please tell me how can I do this.
And also is it possible to change the orange color by some other custom color when i click on button or items in grid or list view.
There is an example of how to set this here:
http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/1c9e319c-79aa-4608-a302-0a6c9d93d504