Bug 47828

Summary: style.border color comparison only returns true if the color is in rgb(r, g, b) format
Product: WebKit Reporter: Caner Altinbasak <caner.altinbasak>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: UNCONFIRMED ---    
Severity: Major CC: pravind.2k4
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: All   
OS: Linux   
URL: http://www.google.co.uk/

Description Caner Altinbasak 2010-10-18 09:34:27 PDT
This bug can be observed in Origyn Web Browser and Google Chrome on linux.

Open any web page. I'll use "http://www.google.co.uk/".

Open javascript console.

>document.getElementById('hplogo').style.border = '1px solid #d3c7a4'
>"1px solid #d3c7a4"
>document.getElementById('hplogo').style.border == '1px solid #d3c7a4'
>false
>document.getElementById('hplogo').style.border == '1px solid rgb(211, 199, 164)'
>true

if "#" format is used for style.border comparison, the comparison always fails. In firefox and opera both "#" format and rgb format works fine.
Comment 1 Pravin D 2012-05-03 03:52:17 PDT
(In reply to comment #0)
> This bug can be observed in Origyn Web Browser and Google Chrome on linux.
> 
> if "#" format is used for style.border comparison, the comparison always fails. In firefox and opera both "#" format and rgb format works fine.

I don't think they work properly for '#' format on FF and Opera too. 
The results are same as below in FF and Opera.

document.getElementById('hplogo').style.border == '1px solid #d3c7a4'
false

Not sure how '#' format comparison should work though.