如何CSS覆盖jquery Accordion中活动标题/选项卡的阴影/发光

时间:2017-08-28 23:16:41

标签: jquery css colors accordion shadow

我使用你的优秀网站建立了一个手风琴,它取代了我的旧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>

活动手风琴标签的屏幕抓取:

screen grab of active accordion tab

1 个答案:

答案 0 :(得分:0)

只需添加与此页面相关的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;
}