TychoQuad wrote:sorry, I meant to type content, not chrome. I double checked, it's in the right file. Any help would be appreciated
TychoQuad wrote:Greg S wrote:TychoQuad wrote:I'm sorry to say that adding background-image: none did nothing to the button input types you specified, and the dotted border ones you posted didn't work either.
As I said, this works for me with what I've done. I kinda figured it wouldn't work for you. Where did place the code for background-image? The dotted borders removal should work. Where did you place the code for this? I have it placed in userChrome.css and it works for me. If you meant for web pages then that want work for them placing it in userChrome.
I placed it all in usercontent.css. No difference to any of it in webpages.
As for the buttons pic you posted, some buttons will not appear as the appearance of button in web pages but use an image.
Now, the file forms.css is located here C:\Program Files\Mozilla Firefox\res\forms.css
to the best of knowledge, concerning buttons on web pages, I have changed this in usercontent
Code: Select all
/* web buttons text font & color */
input[type="button"],
input[type="submit"],
input[type="reset"] {
font-family: Dungeon !important;
color: white !important; }
/* web buttons text hover font & color */
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
font-family: Dungeon !important;
color: rgb(51,51,51) !important; }
This in forms.css
Code: Select all
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
-moz-appearance: button;
background-image: none !important;
/* The sum of border-top, border-bottom, padding-top, padding-bottom
must be the same here, for text inputs, and for <select>. For
buttons, make sure to include the -moz-focus-inner border/padding. */
padding: 0px 6px 0px 6px;
border: 2px outset ButtonFace;
background-color: ButtonFace;
color: ButtonText;
font: -moz-button;
line-height: normal !important;
white-space: pre;
cursor: default;
-moz-box-sizing: border-box;
-moz-user-select: none;
-moz-binding: none;
}
That is where the background-image: none went, not in userContent
and again in forms.css
Code: Select all
button,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
background-image: none !important; }
textarea {
background-image: url("rrr.png") !important; }
sorry the text area above is not for buttons but a background image, well, for text areas and if you want to use a background
image for text areas, with the code above the background image would be placed in C:\Program Files\Mozilla Firefox\res
folder where the file forms.css is located
If you want to get rid of the dotted border around the buttons
add this to userContent
Code: Select all
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none !important;
}
If you can point me to a web page with dotted area around checkbox
and radio buttons I can find the code for them as well. The code for
them that I posted in an earlier reply, if pasted in userChrome only removes the dotted border for the browser not web page content
This may work for them but don't know of a web page to check it out to see if it does or not
Code: Select all
input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-style: none !important;
border: none !important;
}