css - extjs - 在哪里放置CSS代码？

Question

我有一个关于将 ExtJS 与 css 一起使用的非常基本的问题。 我正在尝试对文本字段/显示字段/网格进行一些简单的更改。 (例如使字体大小为 8) 我一直在阅读不同的方法来实现这一点，似乎添加 css 是一个不错的方法。

我找到了这个用于编辑网格的示例。我的问题是，我将此代码添加到的文件在哪里？我使用 NEW EXTJS6 通用应用程序在 VS 中创建了元素。

/* Grid cells when the mouse cursor is over the row */ 
.custom-grid .x-grid-row-over .x-grid-cell { 
background-color: #ff6; 
border-bottom-color: #999; 
border-bottom-style: dashed; 
border-top-color: #999; 
border-top-style: dashed; 
} 

Answer 1

如果您不想为组件创建主题覆盖，另一种解决方案是:

• 将css文件放入resources文件夹
  • 你基本上可以把它放在任何你喜欢的文件夹里，但是resources文件夹是最常见的地方
• 在您的 index.html 和
中加载样式
• 按照说明将 css 文件添加到您的 app.json in this post