使用jquery布局改变边框和光标

Question

我想做两件事

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。

=== UPDATE ===

另一种方法是通过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

=== UPDATE ===

你是这个意思吗?

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

参见下一个jsfiddle

或css

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