ExtJs6自定义scss解决actionColum中iconCls图标不能调样式的问题

摘要:
问题:图标样式错误,图标(本地图像)正确,并且未在ExtJs6API中检查iconCls(引用)样式。它说样式可以用来添加样式,但它不起作用。最后,在文件树下创建scs。最好使用与视图文件相同的名称来管理scs代码,如下所示。您可以向x-action-col-icon类添加样式,并解决问题。x-action-col-icon{margin-bottom:-2px;margin-left:1px;}

问题:图标样式不对,icon(本地图片)是对的,iconCls(引用的)样式不对

ExtJs6自定义scss解决actionColum中iconCls图标不能调样式的问题第1张

查ExtJs6的API里面说,可以用style添加样式,然而并没有作用

ExtJs6自定义scss解决actionColum中iconCls图标不能调样式的问题第2张

最后在该文件树下建立scss,最好和view文件同名,便于管理

ExtJs6自定义scss解决actionColum中iconCls图标不能调样式的问题第3张

scss代码如下,可以给x-action-col-icon类增加样式,问题解决

.x-action-col-icon
{
  margin-bottom: -2px;
  margin-left: 1px;
}

免责声明:文章转载自《ExtJs6自定义scss解决actionColum中iconCls图标不能调样式的问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇delphi 自我删除和线程池(1000行代码,需要仔细研究)【基础组件2】Flume入门(二)Agent下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

H5网页布局+css代码美化

HTML5的结构化标签,对搜索引擎更友好 li 标签对不利于搜索引擎的收录,尽量少用 banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul + li <samp></samp>可用于浅色副标题 display:inline-block; 每个导航块存在水平间隙,解决方法是在父元素上添加font-size:0; sub...

【使用 DOM】使用事件

1. 使用简单事件处理器 可以用几种不同的方式处理事件。最直接的方式是用事件属性创建一个简单事件处理器(simple event handler)。元素为它们支持的每一种事件都定义了一个事件属性。举个例子,onmouseover事件属性对应全局事件mouseover,后者会在用户把光标移动到元素占据的浏览器屏幕的上方时触发。(这是一种通用的模式:大多数事件...

安卓手机!用swiper做轮播效果,两张图片之间会有一个像素的空白

只要为swiper的父元素设置margin padding,或者用flex布局,让其居中,两个图片之间都会一个像素的空隙! 解决办法是,想让banner处于什么样的位置!就绝对定位就好了! 为什么会造成这样的原因没有查明白! 如下: 如果想要为swiper轮播的图片添加圆角时,一般都会直接给swpier上直接加border-radius,但是会发现不起作用...

HTML标签CSS默认值研究

   最近写css的时候,发现在div元素里面添加ul元素后发现,ul列表在div里面距离最上方总是有一段空行,当时很奇怪,以为是哪个css出了问题,就把css去掉了,发现问题依旧,然后就查了一下发现html标签在不同浏览器里面是有默认的css样式的,要去掉默认样式,在样式表里添加 *{margin:0;padding:0;}即可,同时找到一个很有用的文档...

小谢第29问:Vue项目打包部署到服务器上,调接口就报js,css 文件404

1、publicPath路径的问题,先看下build之后的包确认下是不是publicPath路径配置的原因,有没有static这个文件夹,以及这个文件夹下边有没有这些404的js和css 2、history模式需要配置nginx支持 3、在dev环境下测试没有问题,但是npm run build后图片的路径找不到,对于图片路径的设置,只可以有以下三种方式...

css多栏自适应布局

css多栏自适应布局还是需要总结一下的,都是基本功。 一般使用position属性布局,或者用float属性布局,也可以使用display属性。 看资料说position适合首页布局,因为首页内容往往可以完全控制。float适合模板布局,模板中填充的内容无法控制。 一、左侧尺寸固定右侧自适应 1、浮动实现 在css浮动一文已介绍过。 .left{...