Skip to content

Backgrounds are not drawn on inline elements #340

@kokoISnoTarget

Description

@kokoISnoTarget

The before and after pseudo-elements don't have a background-colour (I haven't checked for other properties) when they don't have a display assigned.

Minimal Example
<!DOCTYPE html>
<html lang="en">
<body>

    <style>
        .with::after {
            display: block;
            background-color: #FF7500;
            content: "Some content";
        }
        .without::after {
            background-color: #FF7500;
            content: "Some content";
        }
    </style>

    <div class="with">With</div>
    <div class="without">Without</div>
</body>
</html>
Image

Gecko:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions