Removing border from tab ui control

Posted by oshirowanen on Stack Overflow See other posts from Stack Overflow or by oshirowanen
Published on 2011-03-08T16:02:09Z Indexed on 2011/03/08 16:10 UTC
Read the original article Hit count: 497

I have the following script:

http://jsfiddle.net/2HNvL/

but I can't seem to remove the light gray border around the tab control. Anyone here know how to do that?

I have tried the following:

    #tabs .ui-widget { border:none;  padding:0px; margin:0px; }
    #tabs .ui-widget-header { border:none; display:none; padding:0px; margin:0px; }
    #tabs .ui-widget-content { border:none; padding:0px; margin:0px; }

But that does not work.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about jquery-ui