Extracción frontera de control de ficha ui

Question

que tiene la siguiente secuencia de comandos:

http://jsfiddle.net/2HNvL/

pero me parece que no puede quitar el borde de color gris claro en torno al control de ficha. ¿Alguien aquí sabe cómo hacer eso?

he intentado lo siguiente:

#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; } 

Pero eso no quiere trabajar.

Answer 1

Agregando a su lista un simple #tabs {border: none} debería hacer el trabajo.

Answer 2

dar a los botones de una clase, y quitar el borde de esa clase ..

http://jsfiddle.net/2HNvL/3/

<input type="button" value="button1" id="button1" class='noBorder' /> 

...

.noBorder{border:none;} 

Answer 3

Suponiendo que entiendo bien su pregunta que deseas quitar el borde alrededor del texto

Proin elit arcu, commodo rutrum, vehicula tempus, COMMODO una,

Si ese es el caso, su un selector está mal para .ui-widget-content

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

está buscando un elemento secundario de .ui-widget-content con un padre de #tabs

Si lo cambia a esto:

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

sólo debe dirigirse un elemento con un id de pestañas y una clase de .ui-widget-content

Actualizado jsfiddle.