[SOLVED] [Firefox 55] Radio Buttons dont display correctly

lamic · 09-17-2017, 01:17 PM

I'm running Firefox 55.02 with Linux mint 18.2 with mate desktop. The radio buttons looks like tiny squares, and when you click on them, you cant see if the box is selected or not. I tried googling for solution, but nothing really fixed my issue.
Any help would be greatly appreciated.

lamic · 09-18-2017, 06:15 AM

So i have been able to resolve this issue by adding the following code to userContent.css

Code:

input {
    border: 2px inset white;
    background-color: white;
    color: black;
}

textarea {
border: 2px inset white;
background-color: white;
color: black;
}

select {
    border: 2px inset white;
    background-color: white;
    color: black;
}

input[type="radio"],
input[type="checkbox"] {
    border: 2px inset white !important;
    background-color: white !important;
    color: ThreeDFace !important;
}

*|*::-moz-radio {
    background-color: white;
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
border: 2px outset white;
background-color: #eeeeee;
color: white;
}

body {
    background-color: white;
    color: black;
    display: block;
    margin: 8px;
}