Input boxes with yellow background - Firefox [#354660]

Comment	File	Size	Author
#3	input-firefox-mac.png	27.38 KB	Sungsit
#3	input-safari-mac.png.png	21.65 KB	Sungsit
#1	input.PNG	7.97 KB	Sungsit

Comment #1

Sungsit CreditAttribution: Sungsit commented 8 January 2009 at 16:24

File	Size
input.PNG	7.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?

Log in or register to post comments

Comment #2

dan.crouthamel CreditAttribution: dan.crouthamel commented 9 January 2009 at 02:20

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

Log in or register to post comments

Comment #3

Sungsit CreditAttribution: Sungsit commented 9 January 2009 at 06:57

File	Size
input-safari-mac.png.png	21.65 KB
input-firefox-mac.png	27.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.

Log in or register to post comments

Comment #4

Sungsit CreditAttribution: Sungsit commented 4 February 2009 at 08:52

Status:

Active

» Closed (fixed)

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

Log in or register to post comments

Comment #5

dan.crouthamel CreditAttribution: dan.crouthamel commented 4 February 2009 at 15:40

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

Log in or register to post comments

Comment #6

Sungsit CreditAttribution: Sungsit commented 4 February 2009 at 17:28

Status:

Closed (fixed)

» Active

I'll check this.

Log in or register to post comments

Comment #7

Sungsit CreditAttribution: Sungsit commented 4 February 2009 at 18:18

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)

Log in or register to post comments

Comment #8

alienresident CreditAttribution: alienresident commented 4 February 2009 at 18:17

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.

Log in or register to post comments

Comment #9

Sungsit CreditAttribution: Sungsit commented 4 February 2009 at 18:34

Ahh... Thanks AlienResident

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

Log in or register to post comments

Comment #10

dan.crouthamel CreditAttribution: dan.crouthamel commented 4 February 2009 at 20:59

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.