7

我有一个弹出窗口,其 ID 为“productFlyout”。我试图设置它的背景颜色和宽度。它有红色,但宽度没有变化。似乎 Metro 不允许宽度太大。

JS文件:

productFlyout.winControl.show(dummyDOM, "bottom", "center");

CSS 文件:

#productFlyout {
   background: red;
    width: 1000px;
}


#productFlyout .win-flyout {
    width: 1000px;
    background: red;
}
4

1 回答 1

7

Flyout 默认设置有限制。在 ui-dark.css 或 ui-light.css 中快速搜索“.win-flyout”,您将看到以下默认设置:

  • 最小宽度
  • 最大宽度
  • 最小高度
  • 最大高度

您可以在 CSS 中覆盖它们,但请记住,Flyouts 的指导是使它们尽可能小。请参阅本文中的“设计弹出窗口”:

“Flyouts 指南和清单”

于 2012-07-28T17:08:52.940 回答