Bug, input boxes display issues

YogYog
edited June 2008 in Stylish
Please use http://userstyles.org/styles/7377
over http://www.hydlaa.com/smf/

With Firefox 3, the input box has default white background and default grey border, only the font color is changed. Same goes about the button near the search box and other places, but also textarea elements.

Same goes for "select" elements, while for "option" elements inside it, it works fine.

I hope a solution can be found.

Installing a style as a userscript for greasemonkey there is no such a problem.

Comments

  • Same problem here with FF3 and stylish 0.5.7. Cannot change the background color of input boxes, though the text color changes easily.

    In fact, this text box I'm writing in now is horribly difficult to type in, because I can barely see the text on the gigantic white background.
  • me too, with FF3 and stylish 0.57, style sometimes doesn't apply to inputs, textareas, buttons... only the font is changed and sometimes the bg...
  • Still not working. Any clue?
  • does this work?
  • Nope.
  • edited June 2008
    Place -moz-appearance: none !important;1 in every block that styles an <input> element.
    1Someone should fix the forum software's handling of the <code> tag. It's supposed to be inline; we already have <pre> for multi-line code. Luckily it can be fixed using Stylish!
  • Hello,

    To understand well what actually TS and others try to report here. Take a look at the screenies i've attached. "FF3 + Stylish" vs "FF2 + Stylish" ... see the difference ?

    Firefox 2 "VS" Firefox 3 (Style used "Painted Black - userstyle")

    Firefox 2 "VS" Firefox 3 (Style used "Youtube - Dark Carbon Theme")

    NB: The problem only appeared while using Firefox 3 + Stylish as shown above...dunno why the same codes doesn't applies/change the site but its worked well with Firefox 2...

    HTH
  • That link didn't fix the text boxes, I think it only fixes scrollbars.
  • Anyone have a fix for this? I'm going to hate having to stop using stylish.
  • Let's play "copy and paste an older comment":


    Place -moz-appearance: none !important;1 in every block that styles an <input> element.
    1Someone should fix the forum software's handling of the <code> tag. It's supposed to be inline; we already have <pre> for multi-line code. Luckily it can be fixed using Stylish!

  • @vbielawski

    Sorry I missed your first post...can't figure what actually your suggest till i saw the second post... ;)

    Btw adding "-moz-appearance: none !important;" to *input* element solved my issues.

    Thank you...vbielawski
  • Yes, it is working just fine. Though it shouldn't be needed in FF3 in the first place ;P I gues someone have time to fix it in stylish at some point.

    My knowledge was next to zero about moz css quirks and what i found out after using "-moz-appearance: none !important;" is that it influences input elements which are checkboxes or radio switches.
    Only the default grey border stays and the default for me black check color also stays. Padding can't be set and probably more of what i didn't try yet ;)
    I'm sure there are ways, but i'm not really sure where to look. I checked out some app styles, but couldn't figure anything for checkpoxes. Who knows how?
  • oh man.. i have been trying to fix this for days..

    THANKS!!!!!!!!!!!!!!
Sign In or Register to comment.