<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Anchor background and text color appear randomly on page load"
   href="https://bugs.webkit.org/show_bug.cgi?id=143573">143573</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Anchor background and text color appear randomly on page load
          </td>
        </tr>

        <tr>
          <th>Classification</th>
          <td>Unclassified
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>525.x (Safari 3.2)
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>iOS
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>Other
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Normal
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>CSS
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned&#64;lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>nivek2002&#64;gmail.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Created <span class=""><a href="attachment.cgi?id=250458" name="attach_250458" title="Screenshot of color bug">attachment 250458</a> <a href="attachment.cgi?id=250458&amp;action=edit" title="Screenshot of color bug">[details]</a></span>
Screenshot of color bug

Hesitant to submit this bug as I have found it hard to diagnose over the months and have not found a way to create a simple test case for it.

Platform:
AT&amp;T iPhone 6
Model MG4W2LL/A
Software Version 8.3 (12F70)

Overview: 

When using the Safari web browser and viewing the page <a href="http://tv.jw.org">http://tv.jw.org</a> the first &quot;Play&quot; button that is within the image slider will sometimes appear with random background and text colors.

Steps to Reproduce:

1) View <a href="http://tv.jw.org">http://tv.jw.org</a> from iOS 8 devices using the Safari browser

2) Notice first &quot;Play&quot; button is incorrectly colored.

3) Refresh page. Button color will appear differently colored and various page loads.

4) Cause repaint by letting slider slide or opening the navigation panel. The button will quickly change to the correct colors. 

Actual Results:

Button background and text color are incorrect

Expected Results:

The button should have a background-color: #4a6da7 and text color: #4a6da7

Build Date &amp; Platform:

Seen since launch of website in October 2014 on a variety of iOS 8 devices using the Safari browser

Additional Builds and Platforms: 

Some other developers have seen it in past releases of Google Chrome, but we can not currently replicate it in the latest release.

Notes:

I have verified this behavior on other iPhones and iPads running iOS 8.X.X; however I have also seen devices that do not display the bug as described above.

Any action that causes a repaint will immediately fix the coloring. Examples include the slider image moving, opening the navigation panel, inspecting the element, ect.

The bug is not present when viewing the same page in a third party browser like Chrome for iOS.</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>