I’m working on the calculator project.
When the mouse hovers over a button the background and borders changes as they should, but the text color ALSO changes from white to black. The text color change seems to be due to ‘focus’. At first I did not even notice the text color change since it was not an issue for visibility. If I move the mouse off of the button then the color returns to white. So far, so good. If I click on the button, however, then when I move off of the button, the focus state remains until I click somewhere else, and the text color is wrong (now it IS a visibility issue)! How do I get the button focus to NOT change the color of the text? (NOTE: the ‘Shift’ button starts out with black text, so I can not simply set the color to white for the focus state.)
I think that all of this started when I changed from button styled links (which I copied from a previous project) to actual buttons. Links and buttons probably treat focus differently.