<!doctype html>
<html>
    <head>
        <style>
            /* Pack them to fit everything in 800*600 */
            div > * {
                padding: 5px;
                width: 100px;
                float: left;
            }
        </style>
    </head>
    <body>
        <p>Verify style sharing does not ignore data attributes.</p>
        <div>
            <div>No data-webkit</div>
            <div style="background-color: red;">data-webkit defined</div>
            <div style="background-color: red;">data-webkit defined empty</div>
            <div style="background-color: blue;">data-webkit is foobar</div>
        </div>
        <div>
            <span>No data-webkit</span>
            <span style="background-color: red;">data-webkit defined</span>
            <span style="background-color: red;">data-webkit defined empty</span>
            <span style="background-color: blue;">data-webkit is foobar</span>
        </div>
        <div>
            <input value="No data-webkit">
            <input style="background-color: red;" value="data-webkit defined">
            <input style="background-color: red;" value="data-webkit defined empty">
            <input style="background-color: blue;" value="data-webkit is foobar">
        </div>
    </body>
</html>