Version: 3.3.1 (using KDE KDE 3.3.1)
Installed from: Debian testing/unstable Packages
Compiler: gcc version 3.3.5 (Debian 1:3.3.5-4)
The input elements on the http://www.buyblue.org/ website are set to have a background image. The inputs are located on the upper right hand side of the page. The background-image displays in IE6 and Firefox, but not Konqueror. Here is an example of one of the input elements:
<input type="text" name="attribute4" />
The css that defines the input element looks like this:
border: 1px solid #0A51A1;
font-family:Arial, Helvetica, sans-serif;
I tried removing all the attributes except the background-image to see if there was some sort of conflict, but still it did not work.
I made a dumbed down version of the page (only the input with the style, and still it didn't work.)
I tried using another widget set thinking the problem may lay there, but it didn't work. (I am using Plastik, and I changed to Keramik.)
Thank you for looking at this.
Created attachment 8775 [details]
A simple HTML page to test the backgound-image property
Created attachment 8776 [details]
The background-image that the site and the test page uses
Created attachment 8777 [details]
Screenshot of how Konqueror renders the input elements
Created attachment 8778 [details]
Screenshot of how Firefox renders the input elements
Created attachment 12079 [details]
Easier test case
CSS on form elements is optional.
*** Bug 75756 has been marked as a duplicate of this bug. ***
*** Bug 115110 has been marked as a duplicate of this bug. ***
*** Bug 115846 has been marked as a duplicate of this bug. ***
*** Bug 116935 has been marked as a duplicate of this bug. ***
*** Bug 118817 has been marked as a duplicate of this bug. ***
Although CSS is optional on forms, this is a bug, because khtml only ignores some of them.
A good example to see this is www.onlinetvrecorder.com, where you have a form with a background-image and white text on it. khtml ignores the background-image, but interprets the white text, so you have white-on-white.
This wouldn't be a problem if khtml would ignore css completely on the form - but this half-implementation causes problems.
reporter.. please change the status from wish to bug!
CSS is not designed to be applied for form controls. The look and feel of form controls is fully up to the browser. It is however defacto standard to apply as many CSS properties as possible in the native widgets.
New standards such as WebForms is trying hard to overcome this unspecified area. The following paragraph is from WebForm 2 from the 10th january 2006:
8.1. Styling form controls
The CSS working group is expected to develop a language designed, amongst other things, for the advanced styling of form controls. In the meantime, technologies such as [HTC] and [XBL] can be used as guides for what is expected.
UAs, in the absence of such advanced styling information, may render form controls described in this draft as they wish. It is recommended that form controls remain faithful to the look and feel of the system's global user interface.
CSS 2.1 explicitly does not define how CSS applies to form controls. [CSS21]
As for www.onlinetvrecorder.com. They should as always have defined a fallback background-color in case the background-image fails to load.
This is really annoying, the background image does get applied while the page is rendering, but once that is done it is removed again!
I also have the problem that konqueror doesn't show the background image (png) of an input field at my homepage (http://www.fczirl.at)!
Created attachment 18200 [details]
background-image bug for input field
Screenshot of KHTML Bug! KHTML renderer cannot display background image in
input field. source: http://www.fczirl.at
still true for konqueror 3.5.5 of debian/sid.
especially annoying because there seems to be no mechanism to provide some kind of alternative information if the iamge is not rendered.
i use <input type='button'> w/ background-image as icon and konqueror not rendering the image leaves the user w/ a blank button (type='image' is not an option).
*** Bug 129208 has been marked as a duplicate of this bug. ***
SVN commit 622796 by ggarand:
allow full styling of the background of form controls
BUG: 95690, 94646
M +1 -8 css/cssstyleselector.cpp
M +23 -0 css/html4.css
M +4 -0 css/quirks.css
M +9 -8 rendering/render_box.cpp
M +3 -2 rendering/render_box.h
M +4 -2 rendering/render_line.cpp
M +2 -2 rendering/render_object.h
M +54 -34 rendering/render_replaced.cpp
M +11 -1 rendering/render_replaced.h
This bug is marked as fixed but it is still present in Konqueror 3.5.7, the same problem appear with background-image of textarea(see for example http://www.mario-museum.net/forum/?f=2&view=46&pg=end#last )
oops, the testcase doesn't work because http://www.buyblue.org/images/form_bggradient.gif but the problem still exists with button (see http://bugs.kde.org/show_bug.cgi?id=115846 ) and textarea(I'll attach a testcase).
Created attachment 21408 [details]
Is there any progress regarding this bug? I'd also like to see it fixed, because p.ex. in http://www.daniel-hechter-news.de/empfehlen/ you must guess where data is to be entered.
It's quite interesting that once this was fixed, it was quickly implemented in webkit (Safari 3) yet here we are, one year later - still not working.
Suffice to say it will work in kde 4.1, if konqueror will use webkit rather than khtml.
Works perfectly fine in 4.0.1.