jquery - 使用 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 .

===更新===

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