Bug Data
ID: |
#0227 |
Status: |
New |
Severity: |
Major |
Reporter: |
Guest
|
Submitted: |
04-08-10 01:23 |
|
Product Data
Product: |
|
Ample SDK |
Component: |
|
XUL 1.0 |
Version: |
|
0.9.x |
OS: |
|
> Any |
Browser: |
|
> Any |
|
|
Description
CSS Class not implemented in XUL layout elements |
|
CSS selectors for element Id work but not for Class:
The hbox with attribute id="y" is able to be styled with this:
xul|hbox#y { }
The hbox with attribute class="n" is not able to be styled with this:
xul|hbox.n { }
Example:
<!DOCTYPE html>
<html>
<head>
<title>XUL Language: Data views</title>
<script type="text/javascript" src="lib/ample/runtime.js">
</script>
<script type="text/javascript" src=
"lib/ample/languages/xul/xul.js">
</script>
<link type="text/ample+css" href=
"lib/ample/languages/xul/themes/default/xul.css" rel=
"stylesheet">
<style type="text/ample+css">
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
xul|hbox#y { background-color:red; border:1px solid black; }
xul|hbox.n { background-color:blue; border:1px solid black; }
</style>
</head>
<body>
<script type="application/ample+xml" xmlns:xul=
"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<xul:hbox id="y" height="23" width="300"> <xul:label value="Title"/> </xul:hbox>
<xul:hbox class="n" height="23" width="300"> <xul:label value="Title"/> </xul:hbox>
</script>
</body>
</html> |
|
|
Messages written for this bug
No messages has been appended yet. |
|
Add a message
|