css - 如何避免模态面板的圆角和厚黑边？

Question

每当点击按钮/面板时，我都会显示一个模式面板。我的问题是这个模态面板的外观和感觉，因为我不希望这个面板上有圆形边缘和厚黑色边框，因为我的应用程序的其余部分有薄边框和锋利的边缘。这是类似的东西：http ://www.senchafiddle.com/#0RPKU

我可以更改面板的属性以避免这种情况吗？如果不能，你能给我一个可以解决这个问题的 CSS 示例吗？

score 1 · Accepted Answer

1

在您提供的示例小提琴中，您需要更改paddingcss 属性。

于 2013-05-15T13:31:40.383 回答

score 0 · Accepted Answer

一种更简洁的方法是在自定义类中定义自己的样式并设置为模式面板。这样你就可以控制外观。您不必担心将模式定位在正确的位置，因为行为不会受到影响。

像-

  .some{
        border: 1px solid #000;           
        background: #fff;
        color:#ff8100;
        font-family: verdana;
        ...
    }

并将此类添加baseCls:'some'到模态面板。我个人不喜欢添加内联样式和东西。我希望可以有一个config选项，比如ui配置选项。但是uiconfig 不适用于panelsi guess。

score 0 · Accepted Answer

快速而肮脏的方法将以下行添加到弹出面板定义中：

style: '-webkit-border-radius: 0; border-radius: 0;'

如果你想要更干净的东西 - 使用 Saching 方法 - 创建你自己的 CSS 类，将它添加到每个面板，但关键的 CSS 差异仍然存在border-radius。

3 回答 3