首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Sencha Touch List自定义披露图标

Sencha Touch List自定义披露图标
EN

Stack Overflow用户
提问于 2014-05-12 18:43:32
回答 1查看 856关注 0票数 0

我有自定义图标,以显示为列表组件的披露图标。我做了CSS来做。我的图标颜色是灰色的。它显示为蓝色。

我的CSS:

代码语言:javascript
复制
.myList .x-list-disclosure
{
    width:48px !important;
    height:48px !important;
    top:0px !important;
    margin:1em 0 0 0 !important;
    background-image:none !important;
    color:transparent !important;
    -webkit-mask-box-image:url('../resources/images/next.png') !important;
    -webkit-mask:none !important;
}

.x-list .x-list-disclosure:before {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  content:'';
  font-family:$font-family;
  color:transparent;
  font-size:48px;
  text-align:center;
  line-height:48px;
  text-shadow:none !important;
}

问:我的图标显示蓝色(即使是浅灰色)的原因是什么?

我用过的CSS有什么问题?

EN

回答 1

Stack Overflow用户

发布于 2014-05-13 17:08:33

这是因为,在Sencha中,.x-list .x-list-disclosure类的background-color是#006bb6。当你使用-webkit-mask-box-image时,它是透明的,显示的是背景色,即蓝色而不是浅灰色。因此,如果您希望更改图标的颜色,请执行以下操作:

代码语言:javascript
复制
.myList .x-list-disclosure {
    background-color: grey !important;
}

我希望我的解释能满足你的疑问。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23606900

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档