Web Inspector: Adding an a CSS property to an element should work

• Component: Web Inspector
• Status: NEW ---

[Karl Dubost]

Steps to reproduce:
This was tested with STP 191

1. Go to https://bug-14856-attachments.webkit.org/attachment.cgi?id=18496
2. Open Web Inspector
3. Go to Elements Tab
4. In the middle column bottom, click on the + beside the filter label
5. It creates a selector to add
6. change the selector to be: body *
7. Add the CSS property: outline: 1px solid red

Expected:
The rendering should show the outline on the markup

Actual:
No rendering is created for the outline
A yellow warning is displayed saying the value is invalid

8. Click on the Inspector Style Sheet link beside the "body *"
9. It brings a window where we can edit the CSS
10. The CSS contains: body * {}
11. Change it to be: body * {outline: 1px solid red}

Results:
The rendering is now showing the outlines.
Go back to the outline, the Elements middle column is properly showing the values.

[Radar WebKit Bug Importer]

<rdar://problem/127095008>