如何避免模态面板的圆边和粗黑边框？

Question

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

我是否可以更改面板的属性以避免这种情况？如果没有，你可以给我一个可以解决这个问题的CSS例子吗？

Answer 1

在示例小提示中，您需要更改padding css属性。

Answer 2

更简洁的方法是在自定义类中定义自己的样式并设置为模态面板。这样你将拥有对外观的所有控制权。您不必担心将模态放在正确的位置，因为行为不会受到影响。

喜欢 -

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

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

Answer 3

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

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

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