Not much of a problem, but still a problem nevertheless...
forum
[web] Login button is (almost) invisible in IE9 [confirmed] [resolved]
posted
Total Posts
12
Topic Starter
IE8 too
It's not really a big deal - you can still hover over the Login button and it'll become visible, so it doesn't stop me from logging in at work on IE8. I guess it's probably worth fixing for the sake of newbies who don't know where it is, though.
Switch to Chrome or Firefox. 
Topic Starter
I personally used Mozilla Firefox most (if not all) the time. I just feel like using IE when I wanted to test stuffs.Fr33z3R wrote:
Switch to Chrome or Firefox.
A css fix was provided by someone before for this, but it ended up breaking other things so I rolled it back. Anyone who is able to contribute a working fix that doesn't break button gradients on other browsers is more than welcome. It would help me a lot.
Move this style:
Doing this allows the .btn class to override the input styling, which is what should be happening, as .btn is a more specific style. This will not break other buttons.
input[type="submit"], input[type="button"] {
background-color: #fff;
border-radius: 2px;
}so that it is before this style:.btn {
display: inline-block;
padding: 5px 10px 5px 10px;
text-align: center;
border: none;
min-width: 100px;
margin: 5px;
color: #ffff......Doing this allows the .btn class to override the input styling, which is what should be happening, as .btn is a more specific style. This will not break other buttons.
It already is, as far as I can tell.
Ah, I see- my cached version of the stylesheet was incorrect. It is.
In that case, add this style:
In that case, add this style:
input[type="submit"].btn {
background-color: #5B5399;
}The potential issue with this fix is there are buttons of different colours too (https://osu.ppy.sh/p/support click checkout for red) which I thin will get overridden. Testing at the moment.
Update: Seems to be working okay!
Update: Seems to be working okay!