Question

SALAM 我想用CSS sencha自定义html文本，按钮和文本字段。我能怎么做？如果我必须将所有CSS代码分开放在一个文件中，我如何将每个CSS代码连接到特定的部分。例：我想更改以下文字的字体“它符合您的需求”：

enter code here

App.views.HomeIndex = Ext.extend(Ext.Panel, {

items: [
{
xtype: 'carousel',
id: 'car',
fullscreen: true,
scroll: 'vertical',
styleHtmlContent: true,
style: 'background: #d8e2ef',


items: [ {
  html: '<div align="center" id="z">it fits your needs </br></br> <img        src="images/logo.jpg" width="160" height="151""/></div>'
         }]
 }]

});
Ext.reg('HomeIndex', App.views.HomeIndex);

我该怎么办？谢谢

Answer 1

您可以在html文件中为每个类定义一个类，如下所示

.Heading{
         text-align: center;
  -webkit-border-top-right-radius:0.5em;     
  -webkit-border-top-left-radius:0.5em;
  font-weight: bold;
  font-style: calibri;
  padding:6px;
  font-size:15px;
  color: black;
  background: -webkit-gradient(linear, left top, left bottom, from(lightgrey), to(lightgrey));
                      width: 100%;
                      height: 30px;
        }

您可以通过引用

在div标签中使用该类

html: '<div class="Heading"></div>'

使用CSS自定义sencha

1 个答案: