Aris wrote:Are you changing correct values? If I set an opacity to .7 or .9 for non-hovered toolbarbuttons border-color, it gets black.
There are only these 3 "border-color" entries in your code (screenshot below.) Can you say which one you are referring to? I think you must be referring to the first one. as only two show in your TinyPic link, and the second one doesn't seem to be what you are talking about, since it's already at .9. I have tried changing the border-color in the third one also (is that the non-hovered one you are referring to?) to a higher value from .3, but that doesn't seem to have any effect.
It is probably not working because the border color of the hovered button is identical to the default one.
But if that's the case, then why did the new code you gave me, the one with .4, which replaced the original .2, in the first border-color entry, work? When I tried changing that value from .2 upwards before, and even now, from.4 to .7, all the outlining disappeared once again. I should also point out that, even if I set that first border-color to a
lower value than what you give in your code, the outlining disappears. And even if I make an edit, then decide to revert to the original value--the one that was working at first--with a new edit, all the outlining still disappears. The only way I can revert to a working CSS is to delete then completely reinstate the
entire original code.) If I even just make the smallest edit there, e.g., to return to the original .4 back from a .5, the outlining will still be gone when I restart Firefox.
Here's what happens when I go from .4 to .5 in the first border-color. This happens with any change of value.
Since I'm completely stumped here, perhaps you can give me just the section of code that needs changing up to .6 or .7, and I can just copy that in to where it belongs. For some mysterious reason, or just my obvious lack of experience, the changed values are working from your code, but not when I do the same from an edit.