Question

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

提前致谢！

Answer 1

不要使用gwt-DialogBox名称来更改css对话框。它不适用。尝试使用相同的样式应用不同的样式名称，如：

.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; */
}

在此处关注边框样式。

Answer 2

DialogBox基本上是带有标题的DecoratedPopupPanel。您既不需要装饰也不需要标题，那么如何使用PopupPanel呢？（AFAICT，唯一的区别在于你如何调整面板的大小）

如何完全隐藏gwt-dialog框边框？

2 个答案: