You can use !important in your stylesheet to override the inline style. Like
so
.ui-resizable-handle { background: green !important; }
Or you can upgrade to the latest preview release, 1.6rc6, which has no more
inline styles; all the styling is strictly in stylesheets.
- Richard
On Sat, Feb 21, 2009 at 6:10 PM, Weston C <
[email protected]> wrote:
>
> Working with "resizable", I was finding that the handle divs placed
> inside of an resizable element seemed to be resistant to having the
> background styled:
>
>
> http://weston.canncentral.org/web_lab/jQueryResizable/ResizableHandleStyleTrouble.html
>
> The resizable is bordered in blue, and I styled the handles with a
> yellow border. I also tried to style the background-color of the
> handles... and found they were remaining rgb(242,242,242).
>
> Then I poked at the information for the handles in Firebug, and saw
> there's a bunch of style information directly in the style attribute
> for the handles ("border-right: 1px solid rgb(222, 222, 222);
> background: rgb(242, 242, 242) none repeat scroll 0% 0%; overflow:
> hidden; right: 0pt; height: 100%; position: absolute; cursor: e-
> resize; width: 4px; top: 0px; bottom: 0px; -moz-background-clip: -moz-
> initial; -moz-background-origin: -moz-initial; -moz-background-inline-
> policy: -moz-initial; font-size: 0.1px; -moz-user-select: none;"). And
> that pretty much explained it -- the element-local style information
> is going to override anything properties I set on CSS selectors in a
> linked stylesheet or document-local style tag.
>
> Obviously I can still style the handles in question by using $('.ui-
> resizable-handle').css('background','whatever'). I'm wondering,
> however, if there's any way to leave that information in a stylesheet
> and have jQuery pull it in dynamically...
>
>
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
