'Bug#33776: css background-color:transparent/inherit causes input elements become illegible'

[prev in list] [next in list] [prev in thread] [next in thread] 

List:       konq-bugs
Subject:    Bug#33776: css background-color:transparent/inherit causes input elements become illegible
From:       Dirk Mueller <mueller () kde ! org>
Date:       2001-11-01 21:03:32
[Download RAW message or body]

Moin l.savernik!

we ignore inheriting on form elements to be compatible with IE's / other 
browsers behaviour. 

l.savernik@aon.at schrieb am Dienstag, den 16. Oktober 2001:

> Package: khtml
> Version: 4.0 (using KDE 2.9.0 1 (CVS >= 20011012))
> Severity: normal
> Installed from:    compiled sources
> Compiler:          gcc version 2.95.2 19991024 (release)
> OS:                Linux (i686) release 2.4.4-4GB
> OS/Compiler notes: 
> 
> The form elements of konqueror (submit buttons etc) normally use the colors and \
> style defined by the desktop theme. The standard KDE theme makes buttons have a \
> very light gray which leads to illegible buttons in certain html pages. 
> The attached testcase demonstrates the problem.
> 
> The page background is black and the font color white. Then there are three classes \
>                 of buttons:
> - .transparent: sets background color of button to transparent
> - .inherit: inherits background color from parent
> - .explicit: explicitly defines a black background color for the given button.
> 
> Actual results:
> The first two buttons (.transparent and .inherit) do not obey the background-color \
> directive and have the default color/gradient attached. However, the white \
> foreground color makes the button label very hard to read. The third button \
> (.explicit) is displayed as expected 
> Expected results:
> All buttons should have a white text on black background.
> 
> If your current theme has dark button backgrounds by default, you will not be able \
> to reproduce this bug. 
> Testcase:
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
> "http://www.w3.org/TR/REC-html40/strict.dtd">
> <title>Accessibility Issue</title>
> <style type="text/css">
> body {
> background-color: black; color:white;
> }
> 
> .transparent {
> color:white;
> background-color:transparent;
> }
> 
> .inherit {
> color:white;
> background-color:inherit;
> }
> 
> .explicit {
> color:white;
> background-color:black;
> }
> </style>
> <p>
> <input class="transparent" type="submit" value="I'm illegible">
> </p>
> <p>
> <input class="inherit" type="submit" value="I'm also illegible">
> </p>
> <p>
> <input class="explicit" type="submit" value="But I'm readable">
> </p>
> 
> 
> 
> 
> (Submitted via bugs.kde.org)
> (Called from KBugReport dialog)
> 
> _______________________________________________
> Konq-bugs mailing list
> Konq-bugs@mail.kde.org
> http://mail.kde.org/mailman/listinfo/konq-bugs
Dirk
_______________________________________________
Konq-bugs mailing list
Konq-bugs@mail.kde.org
http://mail.kde.org/mailman/listinfo/konq-bugs

[prev in list] [next in list] [prev in thread] [next in thread] 