使用 CSS 自定义煎茶

Posted 2023-02-26

【中文标题】使用 CSS 自定义煎茶

【英文标题】：Customize sencha with CSS

【发布时间】：2012-03-14 13:12:49

【问题描述】：

萨拉姆 我想用 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"  "/></div>'
         ]
 ]

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

我该怎么办？ 谢谢

【问题讨论】：

你可以设置这个结果的样式...

有什么理由不能使用正常的 CSS 练习吗？喜欢#z font-size: /* ... */;

我想您会想要查看文档，查看示例并观看指南视频。 docs.sencha.com/touch/2-0

【参考方案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;
        

您可以通过引用 as 来使用 div 标签中的类

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

【讨论】：

非常感谢。如果我想定制一个文本字段？例如，文本字段的形式为 w 矩形。如果我想修改他的风格，我该怎么做？？？

您可以在touch-charts-full.css中搜索textarea，并使用您的自定义东西进行修改。