[web] Login button is (almost) invisible in IE9 [confirmed] [resolved]

posted
Total Posts
12
Topic Starter
Winshley
Not much of a problem, but still a problem nevertheless...

kingking9
Tested, got same result here.
ZeroEightOne
IE8 too
MillhioreF
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.
FrzR
Switch to Chrome or Firefox. :)
Topic Starter
Winshley

Fr33z3R wrote:

Switch to Chrome or Firefox. :)
I personally used Mozilla Firefox most (if not all) the time. I just feel like using IE when I wanted to test stuffs. :P
Loves
Chrome is better built. Use it.
peppy
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.
Ruirize
Move this style:
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.
peppy
It already is, as far as I can tell.
Ruirize
Ah, I see- my cached version of the stylesheet was incorrect. It is.

In that case, add this style:
input[type="submit"].btn {
background-color: #5B5399;
}
peppy
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!
Please sign in to reply.

New reply