0

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

提前致谢！

4

2 回答 2

1

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

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

正如您在此处所关注的那样，从中删除边框样式。

于 2013-03-12T05:55:48.407 回答
1

ADialogBox基本上是DecoratedPopupPanel带有标题的 a 。你既不想要装饰也不想要标题，那么用 aPopupPanel代替怎么样？（AFAICT，唯一的区别是您如何调整面板的大小）

于 2013-03-12T09:36:45.090 回答