When using firefox, some input boxes have a yellow background, but the text is white making it hard to see.

CommentFileSizeAuthor
#3 input-firefox-mac.png27.38 KBSungsit
#3 input-safari-mac.png.png21.65 KBSungsit
#1 input.PNG7.97 KBSungsit

Comments

Sungsit’s picture

Sungsit commented
StatusFileSize
new input.PNG7.97 KB

Thanks for your report. But I couldn't find which INPUT boxes have yellow background in Firefox3.0.5 + WindowsXP (view my screenshot). Could you please take a screenshot and specify FireFox version and OS?

dan.crouthamel’s picture

dan.crouthamel commented

I'm using Firefox 3.0.5 on Vista x64. I'd send you a screenshot, but now I can't reproduce it ;)

Sungsit’s picture

Sungsit commented
StatusFileSize
new input-safari-mac.png.png21.65 KB
new input-firefox-mac.png27.38 KB

I got it on a Mac (10.4) with FF3.0.5 into "File attachments" FIELDSET, but it's white not yellow background. I'll fix this for the next release. (I hope so :)

Thank You.

Sungsit’s picture

Sungsit commented
Status: Active » Closed (fixed)

Issue was Fixed in colourise-6.x-2.x, text color was changed to blue color.

dan.crouthamel’s picture

dan.crouthamel commented

Thanks. I don't see the yellow background anymore, but why did the font size for the input text get smaller?

Sungsit’s picture

Sungsit commented
Status: Closed (fixed) » Active

I'll check this.

Sungsit’s picture

Sungsit commented

I'm not sure why it get smaller 'cos INPUT, SELECT, TEXTAREA was set to 1em (BODY font size is 12px, same as the old version). But you can change it into the CSS file and I suggest you put the style below into "custom.css" file then activate it with Colourise theme settings (/admin/build/themes/settings/colourise) and choose the checkbox "Add Customized Stylesheet".

input, select, textarea {
  font-size: 1.2em;
}

(Change 1.2em to any amount you wish but be aware this may affect the theme layout somehow)

alienresident’s picture

alienresident commented

The google toolbar changes the color of the input boxes if it think it can autofill the content.

http://web-design.tribe.net/thread/57838747-13f9-4cb1-9927-fa8fdd37ce3b

This might be cause of this issue.

Sungsit’s picture

Sungsit commented

Ahh... Thanks AlienResident

It seems CSS can do nothing for INPUT background-color that all depends on user's browser, right?

dan.crouthamel’s picture

dan.crouthamel commented

Ok, I should have clarified better. The single line text areas are fine. It's in the multiline, resizable text areas that the text is smaller. As you said above, that can easily be tweaked in the custom.css, which I'm using already :)

About the google toolbar and yellow background - that may be why I couldn't reproduce it later since I recently uninstalled the google toolbar. However, I installed version 5 for firefox the other day, so I wonder if I'll run into this problem again :)

--- UPDATE ---
At work, my installation of Firefox was using version 3 of the google toolbar, which displayed a yellow background in some of the fields (latest version of theme). However, the problem no longer exists after upgrading to version 5 of the toolbar.

Sungsit’s picture

Sungsit commented

Thank You to confirm that this issue depends on user's browser (and its plugin).

Sungsit’s picture

Sungsit commented
Status: Active » Closed (fixed)