gpt4 book ai didi

javascript - 更改按钮样式不起作用

转载 作者:搜寻专家 更新时间:2023-10-31 22:11:30 26 4
gpt4 key购买 nike

我正在使用完整日历。我想更改标题上按钮的默认状态、悬停状态或事件状态。

所有我想要的:

default: black background, white text color  
hover : red background color, white text color
active: green background color, white text color

CSS代码:

.fc-state-default {
color: white;
background-color: black;
}

.fc-state-active {
background-color: green;
}

.fc-state-hover {
background-color: red;
color: white;
border-color: black;
border-width: medium;
}

由于某些我无法理解的原因,我无法更改这些按钮的样式。

这是一个 js fiddle 。 JSFIDDLE

拜托,有人能帮帮我吗!

如果我有这样的东西,请编辑:

<div class="fc-right">
<div class="fc-button-group">
<button type="button" class="fc-month-button fc-button fc-state-default fc-corner-left fc-state-active">month</button>
<button type="button" class="fc-agendaWeek-button fc-button fc-state-default">week</button>
<button type="button" class="fc-agendaDay-button fc-button fc-state-default">day</button>
<button type="button" class="fc-today-button fc-button fc-state-default fc-corner-right fc-state-disabled" disabled="disabled">today</button>
</div>
</div>

最佳答案

这很简单,只需添加这些 css 类:

.fc-button .fc-button-inner:hover {
background-color: red;
color: #fff;
}

.fc-button.fc-state-active .fc-button-inner {
background-color: green;
color: #fff;
}

.fc-button .fc-button-inner {
background-color: #000;
color: #fff;
}

这是 fiddle :fiddle link

关于javascript - 更改按钮样式不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38335791/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com