javascript - ext js改变面板的颜色为渐变

标签 javascript css extjs

我正在尝试更改我的第一个 ExtJS6 元素中所有元素的颜色。 最好我想为诸如面板背景之类的东西创建一些渐变。

有人可以告诉我如何完成这个吗?

我正在查看 2009 年的这篇文章,但它只显示单一颜色,它可能已过时,而且我不知道在我的元素中的何处向 css 添加行?

Two ways: 

First(Directly change in panel):
new Ext.Panel({
width:200,
height:200,
bodyStyle:{"background-color":"red"}, 
renderTo: document.body
});

Second(Add CSS class and use it in Panel's 'bodyCssClass' property): 
.x-panel-body{
background-color: blue}

谢谢!

最佳答案

我相信如果你愿意

change the colors of all the items in my first ExtJS6 project

为您的应用程序构建自定义主题并保留框架的优势实际上要好得多,例如为旧版浏览器预渲染图像。

检查这个ExtJS theming guide .

关于javascript - ext js改变面板的颜色为渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36776629/

相关文章:

css - 使输入字段透明

javascript - 在 ExtJS 中,如何更改操作列的背景颜色?

javascript - 为什么这个 jQuery 重置方法不能正常工作?

html - 将 box-shadow css 属性添加到 div

css - HTML5 CSS 样式问题

extjs - 如何在 ExtJS 网格编辑器中正确设置组合框值?

javascript - 循环遍历数组并在 XTempate 内执行语句

javascript - 如何找到没有 id、名称、类、属性等的元素?

javascript - 如何访问 [__ob__ : Observer] in VueJS? 的元素

javascript - 为什么我不能将值设置为在 div 中显示?