Изменить границу и курсор, используя макет jquery

Question

Я пытаюсь сделать 2 вещи

1) удалить границу между секциями (в настоящее время серая область)

2) удалить область вокруг курсора (вы должны видеть только '<' или'>' не темная область вокруг него

вот мой текущий код

http://jsfiddle.net/dan_vitch/KSuck/1/

Answer 1

Добавьте следующее к вашему css:

body > div {
    border: 0 solid white !important;
}

.ui-layout-toggler {
    background-color: transparent !important;
}

Первый перезаписывает определения границ, а второй устанавливает цвет фона переключателя на прозрачный.

Также см. Обновленный jsfiddle .

=== ОБНОВЛЕНИЕ ===

Альтернативой является установка их с помощью jquery:

$('body > div').css({
    border: '0 solid white'
});

$('.ui-layout-toggler').css({
    'background-color': 'transparent'
});

Также см. следующий jsfiddle .

или короче:

$('body > div').css('border', '0 solid white');
$('.ui-layout-toggler').css('background-color', 'transparent');

См. Также следующие jsfiddle .

=== ОБНОВЛЕНИЕ ===

Вы имеете в виду это?

$('.ui-layout-resizer-west').css('background-color', 'transparent');

Также смотрите следующее jsfiddle .

Или с помощью css

.ui-layout-resizer-west {
    background-color: transparent !important;
}

Также смотрите следующее jsfiddle .