Удаление границы из вкладки пользовательского интерфейса

Question

У меня есть следующий скрипт:

http://jsfiddle.net/2HNvL/

, но я не могу удалить светло-серую рамку вокруг элемента управления вкладками.Кто-нибудь здесь знает, как это сделать?

Я пробовал следующее:

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

Но это не работает.

Answer 1

Добавление в ваш список простого #tabs {border: none} должно сделать работу.

Answer 2

Предполагая, что я правильно понимаю ваш вопрос, вы хотите удалить границу вокруг текста

Proin elit arcu, rutrum commodo, vehicleula tempus, commodo a,

Еслив этом случае ваш единственный селектор неверен для .ui-widget-content

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

Ищет дочерний элемент .ui-widget-content с родительским элементом #tabs

Если вы измените егона это:

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

Будет предназначаться только для элемента с идентификатором вкладок и классом .ui-widget-content

Обновлено jsfiddle .

Answer 3

назначьте кнопкам класс и удалите границу из этого класса.

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

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

...

.noBorder{border:none;}