`

[转]设置组件内部样式的办法

    博客分类:
  • FLEX
阅读更多
中文一般用的是12,14号字,但英文却是11号字,所以FLEX站必定要做的一件事就是设置
global
{
fontFamily: "宋体";
fontSize: 12;
}

但是FLEX差不多可以算是一个半成品。虽然这样设了,某些组件还是原来的11号字。诸如Accord的标题一类,而且如果想手动设,组件样式设了没用(因为是内部的),FB那IDE也起不了多大帮助。今天遇到设置Legend字号,关键字没弄对竟然无果。

虽然可以靠猜,翻帮助找那个子项样式属性,但始终有些麻烦。

其实我们关键就是想知道那个子项的类名,它肯定也是个显示对象,那我们直接给组件一个click="trace(event.target)"
然后点下就知道了。

知道类名,在CSS里设置一条对应类名的
{
fontSize:12;
}
就能解决问题。
分享到:
评论

相关推荐

    小程序rich-text组件如何改变内部img图片样式的方法

    一、起因 ...二、办法 思前想后,我觉得还是正则比较靠谱,把content里面所有的img标签筛选出来,把里面有style的、有width的、有height的、全部删除掉,最后在统一加上我们想要的样式,最终代码如下: ...

    weixin-wepy-swipe-delete-微信小程序-wepy-侧滑删除组件-支持之定义内容区域.zip

    导致原因:原始数据更新以后组件内部无法监听到,这样就不能获取到左右menu的宽度,所以不能侧滑解决办法:this.$invoke('swipeDelete', 'update'); swipeDelete必须和 components = {swipeDelete: SwipeDeleteView}...

    ElementUI 修改默认样式的几种办法(小结)

    对于局部组件,你可以在组件内部导入样式: ```javascript import './button.css' ``` 在对应的 CSS 文件中,如 `button.css`,写入自定义样式: ```css .el-button { color: white; margin-top: 10px; ...

    vue 出现data-v-xxx的原因及解决

    这个标记的作用是确保组件内部的CSS样式只作用于该组件内部的元素,避免样式冲突。 官方文档中提到,当在`<style>`标签中添加`scoped`属性时,例如: ```html @media (min-width: 250px) { .list-container:...

    奔图产品问题及解决方法

    - 这些页面的具体样式取决于打印机的型号和操作系统。一般包括了各种测试图案、文字等元素,以便用户快速判断打印质量。 **1.4 卡纸的解决方法** - **步骤**: - 关闭打印机电源。 - 打开打印机盖子,小心地取出...

    jquery mobile

    ### 如何去除 jQuery Mobile 自带的组件样式 #### 问题描述 有时候,开发人员可能希望去除 jQuery Mobile 提供的标准样式,以便实现自定义的设计风格。 #### 解决办法 可以通过在需要去除样式的元素上添加 `data-...

    web前端面试题10题100分.pdf

    在Web前端面试中,了解和掌握基础的JavaScript语法、作用域、数组操作...以上就是对这10道前端面试题的详细解答,涵盖了JavaScript的基础概念、数组操作、事件处理、CSS样式、Vue组件通信以及问题解决策略等多个方面。

    DWZ 富客户端框架使用手册.pdf

    - **使用工具辅助**:推荐使用Firebug等浏览器插件来辅助查看HTML结构、CSS样式和调试JavaScript代码,这对于理解和掌握框架的内部工作原理非常有帮助。 #### 主要特点 1. **HTML扩展方式**:DWZ框架支持通过HTML...

    layui 官方离线文档____.zip

    5. **样式定制**:layui允许开发者根据需求自定义样式,文档会指导如何调整主题颜色、设置全局样式等。 6. **示例代码**:每个功能点都会配合实际的HTML、JavaScript代码示例,帮助开发者快速理解和实践。 7. **...

    Windows7桌面天气工具不能使用的解决办法.docx

    由于依赖的系统组件Wlsrvc.dll具有语言识别功能,它会检测系统的语言设置,若发现系统语言非英文则会阻止天气服务的正常使用。这就导致了国内用户在使用内置天气小工具时会遇到无法使用的情况。 虽然网络上流传着...

    bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法

    Bootstrap是一款广泛使用的前端框架,它提供了许多方便的组件,其中包括日期选择器(DatePicker)。在实际应用中,开发者可能遇到一个常见的问题,那就是日期选择器(DatePicker)被弹出框(Dialog)遮挡,导致用户...

    在vue中使用el-tab-pane v-show/v-if无效的解决

    1. 理解 `v-show` 和 `v-if` 的工作原理及其与组件内部实现的交互。 2. 使用 `v-if` 代替 `v-show`,尽管这可能会导致性能影响,但在某些组件中可能是唯一可行的解决方案。 3. 当不能使用 `v-if` 时,可以尝试通过...

    Android开发技巧合集.doc

    可以创建一个新的Activity,并在其中设置布局为对话框样式。 **2.1.11 横竖屏切换不销毁当前Activity** 默认情况下,当屏幕方向改变时,Activity会被重新创建。如果希望横竖屏切换时不销毁Activity,可以在...

    微信小程序中hidden不生效原因的解决办法

    此外,还有一种可能的情况是,当元素内部有其他设置了`z-index`的子元素时,`hidden`可能也会失效。在这种情况下,需要检查并调整层级关系,确保`hidden`能够正确作用于父元素。 总结来说,微信小程序中`hidden`不...

    Delphi自带RichEdit增加容量的办法.rar

    在Delphi中,RichEdit控件是用于显示和编辑富文本的常用组件,它支持多种字体、颜色、段落格式等。然而,Delphi自带的RichEdit控件(TRichEdit)存在一个限制,即其最大字符数通常为64KB,这在处理大量文本时可能会...

    MFC对EXCEL的操作各类办法

    这是因为`CSpreadSheet`类内部依赖于非Unicode环境,以便更高效地处理Excel文件。 #### 二、通过Microsoft Excel类库操作Excel 另一种方法是直接利用Excel提供的COM接口,这种方式需要在开发环境中安装有Microsoft...

    VC.code.form.classic.time.control.rar_时间控件

    在VC++编程环境中,时间控件(Time Control)是一种常用组件,用于显示和处理与时间相关的数据。在Windows应用程序开发中,我们经常会遇到需要在用户界面中显示当前时间或者允许用户选择特定时间的需求,这时时间...

    AdvancedDataGrid 对sdk3.5不支持,对3.2支持方案(合并单元格)

    在Flex开发中,AdvancedDataGrid组件是一个强大的数据网格控件,它提供了丰富的功能,如分组、排序、过滤以及自定义列渲染等。然而,针对Adobe Flex SDK 3.5版本,AdvancedDataGrid存在一些兼容性问题,这使得在该...

    DWZ+富客户端框架使用手册_IT168文库.pdf

    - **Inputalt扩展:**扩展了输入框组件的功能,如添加额外的样式或行为。 - **Tree扩展:**提供树形结构数据的可视化展现方式。 - **Ajax表单:** - **表单查询:**支持通过Ajax方式执行表单数据的检索操作...

Global site tag (gtag.js) - Google Analytics