【问题标题】:How to CSS override the shadow/glow of the active header/tab in jquery Accordion如何CSS覆盖jquery Accordion中活动标题/选项卡的阴影/发光
【发布时间】:2017-08-28 23:16:41
【问题描述】:

我使用您出色的网站构建了一个手风琴,它取代了我的旧 Ajax 脚本,该脚本不适用于我新应用的 SSL。

我在美学上有问题。当手风琴的标题被激活/选择时,它会在背景周围产生蓝色阴影/发光。 辉光的默认颜色与我的配色方案冲突。我想强制执行我的特定发光/阴影有效。

有人可以帮我为上述新颜色插入正确的 CSS 吗?

以下是脚本:

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js">
</script>
<script>
$( function() {
$( "#accordion" ).accordion({
heightStyle: "content"
});
} );
</script>

活动手风琴标签的屏幕截图:

【问题讨论】:

  • 如果效果是由 CSS 添加的,那么使用 CSS 覆盖它......而不是 JQuery。此外,我们需要查看 CSS 以了解其添加方式,以便我们帮助您更改它。

标签: jquery css colors accordion shadow


【解决方案1】:

只需添加与此页面相关的 CSS 文件即可。 (将 #000 更改为您选择的颜色。)类似:

.accordion:active{

  border: 1px solid #000; 

}

.accordion:active{

  border: none; 

}

编辑:

尝试这个,一旦你的 css 不产生 404。

.ui-accordion-header {
color: #990066;
box-shadow: inset 0px 6px 13px #906;
border: 1px solid #000;
}

 .ui-accordion-header:active {
   border: none;
}

【讨论】:

  • 我包含了您的建议,但没有奏效。我试图这样做,但它也没有工作。我相信 CSS 应该指定框或选项卡周围的发光,尽管我可能是错的:.accordion:active{ box-shadow:inset 0px 6px 13px #906; }
  • 可以先尝试添加 !important;但最好看看你的检查器,右键单击检查器中的对象并复制选择器并粘贴它而不是.accordion:active。您所需要的只是正确的选择器。我们有点不知所措,因为我们没有全部。编辑:也许也发布你的 CSS。
  • 我明天会试试 !important,因为我在 EST。下面是活动选项卡的代码。我将在此评论下方添加 Accordion 的 CSS。
  • .ui-accordion-header.ui-state-active { 背景:#999; } .ui-accordion-header { 颜色:#990066; } .ui-手风琴内容 { 颜色:#000; } .accordion:active{ box-shadow:inset 0px 6px 13px #906; }
  • 这是在实时网站上吗?如果有,能给个链接吗?
猜你喜欢
  • 1970-01-01
  • 2021-09-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多