Closed
Bug 283808
Opened 20 years ago
Closed 20 years ago
:before and :after pseudo-elements aren't applied to swlf-closing XHTML tags
Categories
(Core :: Layout, defect)
Core
Layout
Tracking
()
RESOLVED
DUPLICATE
of bug 241985
People
(Reporter: gordon.mcvey, Unassigned)
Details
(Keywords: testcase)
Attachments
(1 file)
|
682 bytes,
application/xhtml+xml
|
Details |
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1 StumbleUpon/1.999 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1 StumbleUpon/1.999 The :before and :after pseudo-elements don't seem to be applied to tags that are self-closing such as <input... /> and <img... /> Reproducible: Always Steps to Reproduce: View the following HTML in a Gecko browser. Compare the results against viewing the same page in Opera <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- input:before { content: "Foo "; } input:after { content: " Bar"; } img:before { content: "Foo "; } img:after { content: " Bar"; } ul:before { content: "Foo "; } ul:after { content: " Bar"; } --> </style> </head> <body> <p> <input type="text" name="textfield" /> </p> <p><img name="" src="" width="32" height="32" alt="" /></p> <ul> <li>Test</li> <li>Test</li> <li>Test</li> </ul> </body> </html> Actual Results: Foo and Bar get put before and after the list, but not before or after the image or the input control. Expected Results: The image andthe input control should have also been styled with :before and :after content
|
||
Comment 1•20 years ago
|
||
This is the example testcase, but as correct XHTML (style not commented out); that's what triggers for me this bug.
|
||
Comment 2•20 years ago
|
||
Dupe of 241985?
|
|
||
Comment 3•20 years ago
|
||
For me it looks very much the same. The problem aren't the empty tags (with hr, for example, it works (though it doesn't really look very aesthetic)), but the elements (input, img) already mentioned in bug 241985.
You need to log in
before you can comment on or make changes to this bug.
Description
•