使用 CSS 自定义煎茶

     2023-02-26     301

关键词:

【中文标题】使用 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,并使用您的自定义东西进行修改。

css使用css自定义光标(代码片段)

查看详情

使用负 CSS 自定义属性 [重复]

】使用负CSS自定义属性[重复]【英文标题】:UsingnegativeCSSCustomProperties[duplicate]【发布时间】:2018-09-0307:01:02【问题描述】:在SASS等预处理器中,您可以使用负值,例如:$margin-md:10px;.classmargin-bottom:-$margin-md;如何使用自定义属性... 查看详情

css使用css自定义facebookfanbox小部件(代码片段)

查看详情

Tailwind/CSS 使用自定义字体

】Tailwind/CSS使用自定义字体【英文标题】:Tailwind/CSSusingcustomfonts【发布时间】:2021-03-2722:32:02【问题描述】:我有一个项目需要使用自定义字体。但我不知道如何在我的HTML中使用它。我已经在网上搜索了如何执行此操作,但所... 查看详情

使用 animate.css 自定义水平滚动

】使用animate.css自定义水平滚动【英文标题】:Customhorizontalscrollwithanimate.css【发布时间】:2018-03-2806:25:41【问题描述】:我有一些代码:$(window).load(function() //Horizontalscrollif($(".js-page-scroll").length)$(".js-page-scroll").mCustomScrollbar( ax 查看详情

Wordpress 在多个页面上使用相同的自定义 CSS

】Wordpress在多个页面上使用相同的自定义CSS【英文标题】:WordpressSameCustomCSSOnMultiplePage【发布时间】:2021-05-2812:46:18【问题描述】:现在如何在wordpress中的多个页面上使用相同的自定义css代码我在wordpress中的这个页面id1367上使用... 查看详情

使用 css 围绕 div 自定义覆盖 - jQuery 可调整大小的自定义句柄

】使用css围绕div自定义覆盖-jQuery可调整大小的自定义句柄【英文标题】:Customoverlayaroundadivusingcss-CustomhandleforjQueryresizable【发布时间】:2018-03-1822:05:20【问题描述】:您好,我在我的项目中使用jqueryresizable,rotatable()[https://cdn.jsdel... 查看详情

如何在css中使用变量

在使用CSS变量的时候,应该知道的三个主要内容自定义属性var()函数:root伪类一,自定义属性我们可以将重复使用的属性定义成自定义属性,这样在以后需要修改的时候,只需要修改自定义属性里的属性值就可以了.:root{  --textColor:#44... 查看详情

如何使用 javascript 创建自定义关键帧 css 动画

】如何使用javascript创建自定义关键帧css动画【英文标题】:HowmayIcreatecustomkeyframecssanimationwithjavascript【发布时间】:2012-04-0408:42:39【问题描述】:我需要使用javascript创建和运行自定义css3动画。当我需要创建过渡时,我会写如下... 查看详情

似乎无法响应煎茶触摸中的事件触发

...01-2519:18:36【问题描述】:我正在尝试在senchatouch中触发自定义事件,它似乎被添加到可以触发的事件中,并且似乎触发了,但我的侦听器似乎没有响应该事件。事件在这里被实例化,这里是表单主体:Ext.apply(this,scroll:\'vertical\',d... 查看详情

使用自定义 CSS 在 WebView 中呈现 HTML

】使用自定义CSS在WebView中呈现HTML【英文标题】:RenderingHTMLinaWebViewwithcustomCSS【发布时间】:2011-06-2410:58:46【问题描述】:我的应用程序正在使用JSoup下载留言板页面的HTML(假设在这种情况下,它是一个包含给定线程帖子的页面... 查看详情

自定义css怎么添加在现有样式上添加组件

参考技术Acss中直接使用给出的css变量赋值即可。自定义css添加在现有样式上添加组件直接使用给出的css变量赋值即可。自定义属性(有时也被称作CSS变量或者级联变量)是由CSS作者定义的,它包含的值可以在整个文档中重复使... 查看详情

NextJS - 无法在 Tailwind CSS 中使用自定义颜色

】NextJS-无法在TailwindCSS中使用自定义颜色【英文标题】:NextJS-NotAbleToUseCustomColorsInTailwindCSSIn【发布时间】:2021-08-1304:36:39【问题描述】:我正在尝试使用NextJs和TailwindsCSS来制作一个项目。但是,每当我尝试使用自定义颜色作为... 查看详情

scss使用css搜索自定义员工目录(代码片段)

查看详情

scss使用css搜索自定义员工目录(代码片段)

查看详情

如何在 Xamarin 中使用 CSS 设置自定义字体系列

】如何在Xamarin中使用CSS设置自定义字体系列【英文标题】:HowtosetcustomfontfamilyusingCSSinXamarin【发布时间】:2018-09-1009:18:59【问题描述】:我正在尝试在Xamarin表单项目中使用CSS文件设置自定义字体系列。我将各自的字体放置在andro... 查看详情

css自定义属性—css变量

变量的声明和使用1.声明:--variable-name:variable-value;声明变量时,变量名前面要加两根连词线(--)。变量名大小写敏感,--header-color和--Header-Color是两个不同变量。:root{--color:red;}2.使用:使用var(变量名)来使用一个变量#div{color:var(c... 查看详情

如何使用 CSS 为 Mozilla Firefox 创建自定义滚动条? [复制]

】如何使用CSS为MozillaFirefox创建自定义滚动条?[复制]【英文标题】:HowcanIcreatecustomscrollbarforMozillaFirefoxwithCSS?[duplicate]【发布时间】:2014-10-1806:54:49【问题描述】:是否可以使用CSS为MozillaFirefox创建自定义滚动条?我发现一些文... 查看详情