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

时间:2011-11-03 18:51:49

标签: jquery css jquery-layout

我正在尝试做两件事

1)删除部分(当前灰色区域)之间的边框

2)移除光标周围的区域(你应该只看到'<'或'>'不是它周围的黑暗区域

这是我当前的代码

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

1 个答案:

答案 0 :(得分:3)

将以下内容添加到您的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;
}

另请参阅下一个jsfiddle