如何完全隐藏gwt对话框边框?

如何完全隐藏gwt对话框边框?,gwt,Gwt,我如何在GWT中完全隐藏对话框的边框,或者我们可以说完全隐藏对话框的标题部分。我尝试在css中使用.gwt DialogBox.Caption{} 但是我找不到任何可以完全隐藏边界的选项 提前谢谢 不要使用css的gwt对话框名称来更改对话框。这不适用。尝试使用相同的样式应用不同的样式名称,如: .gwt-DialogBoxNew { border: 8px solid #7F7F7F; border-radius: 6px 6px 6px 6px; box-shadow

我如何在GWT中完全隐藏对话框的边框,或者我们可以说完全隐藏对话框的标题部分。我尝试在css中使用.gwt DialogBox.Caption{} 但是我找不到任何可以完全隐藏边界的选项


提前谢谢

不要使用css的
gwt对话框
名称来更改对话框。这不适用。尝试使用相同的样式应用不同的样式名称,如:

.gwt-DialogBoxNew
{
    border: 8px solid #7F7F7F;
    border-radius: 6px 6px 6px 6px;
    box-shadow: none;
    line-height: 7px;
    opacity: 1;
    z-index: 1000;
    background-color : #FFFFFF;
}

.gwt-DialogBoxNew .Caption {
    background: none repeat scroll 0 0 #E4E4E4;
    border: medium none #D4D4D4;
    cursor: default;
    font-family: Arial Unicode MS, Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    padding:2px 0px 0px 0px;
}
.gwt-DialogBoxNew .dialogContent {
}
.gwt-DialogBoxNew .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
.gwt-DialogBoxNew .dialogBottomCenter {

}
.gwt-DialogBoxNew .dialogMiddleLeft {
/*   background: url(images/vborder.png) repeat-y -31px 0px; */

}
.gwt-DialogBoxNew .dialogMiddleRight {
 /*  background: url(images/vborder.png) repeat-y -32px 0px;


}
.gwt-DialogBoxNew .dialogTopLeftInner {
  width: 10px;
  height: 8px;
  zoom: 1;
  background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogTopRightInner {
  width: 12px;
  zoom: 1;
  background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  zoom: 1;
}
.gwt-DialogBoxNew .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  zoom: 1;
}
.gwt-DialogBoxNew .dialogTopLeft {
 /*  background: url(images/circles.png) no-repeat -20px 0px;
  -background: url(images/circles_ie6.png) no-repeat -20px 0px; */
  background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogTopRight {
/*   background: url(images/circles.png) no-repeat -28px 0px;
  -background: url(images/circles_ie6.png) no-repeat -28px 0px; */
  background: none repeat scroll 0 0 #E4E4E4;
}
.gwt-DialogBoxNew .dialogBottomLeft {
/*   background: url(images/circles.png) no-repeat 0px -36px;
  -background: url(images/circles_ie6.png) no-repeat 0px -36px; */
}
.gwt-DialogBoxNew .dialogBottomRight {
/*   background: url(images/circles.png) no-repeat -8px -36px;
  -background: url(images/circles_ie6.png) no-repeat -8px -36px; */
}

正如您在这里所关心的那样,从中删除边框样式。

一个
对话框基本上是一个带有标题的
装饰的PopupPanel
。您既不需要装饰也不需要标题,那么改用
popupanel
怎么样?(AFAICT,唯一的区别是面板的大小)

好的,我会这样做。我尝试了上面的所有选项,但没有人能将gwt对话框的标题和边框设置为“无”。请告诉我这个选项好吗?删除对话框中设置标题的
setText
属性。对于删除边框应用
边框:0px!重要信息
。我没有使用它。此链接中有一个示例图像。我要把这个蓝边藏起来。这样我就可以得到一个平面矩形。你能添加一些代码吗?从样式中删除边框应用。正如我提到的,应用样式,比如
dialogBox.setStyleName(“gwt DialogBoxNew”)
。不要使用
gwt对话框
。清除缓存。检查一下。是的,现在开始工作了。谢谢。你能告诉我如何在对话框周围画一个矩形吗。