Question

I see in Firebug that my style (background-color) is apparently on the element in html view, but not in element.style in the style tab. In the document I do not see the effect of the style, however if I manually add it in the style tab on a class that is present, it works.
How can this be?

I have !important on the style on the element, and don’t see anything that could override it

Edit, even with the value stated literally here, no dice:

   <div class="fl oh rounded" data-bind="attr:{style:'display:block, background-color:#ff0000 !important;'}">

However, this works.

<div class="fl oh rounded" style="background-color:#ff0000 !important;">

So, if I add the style inline and not in a knockout binding, it works… However, I can see that the binding is working as the bound color appears in the html in firebug (but not in element.style in the style tab, but the ko bound color is not seen)

Answer 1

I have no idea why, but it was that out-of-place looking display:block that caused this oddity.