如何完全隐藏gwt-对话框边框？

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

在此先感谢！

2013-03-12 Arti

请勿使用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; */ 
}

从这里删除边框样式。

来源

2013-03-12 05:55:48 iMBMT

好的，我会这么做的。以上所有选项我都尝试过，但没有人可以将gwt对话框的标题和边框设置为none。你能告诉这个选择吗？ – Arti 2013-03-12 05:58:57

删除在对话框中使用'setText'属性设置标题。并为删除边框应用'border：0px！important'。 – iMBMT 2013-03-12 06:01:50

我没有使用它。这个链接中有一个示例图片http://static1.hivedevelopment.co.uk/blog/gwt-best-practise-mvp-di-command/after.png。我想隐藏这个蓝色边框。这样我可以有一个平面矩形。 – Arti 2013-03-12 06:03:13

A DialogBox基本上是一个DecoratedPopupPanel与标题。您既不需要装修也不需要标题，那么如何使用代替？（AFAICT，唯一的区别是你如何确定面板的尺寸）

来源

2013-03-12 09:36:45

如何完全隐藏gwt-对话框边框？

回答

相关问题