css - 如何更改 eventbrite 嵌入按钮的颜色和悬停颜色?

标签 css wordpress

不确定如何更改按钮颜色以及悬停颜色更改。请让我知道如何将其编码到 WordPress 的文本编辑器/CSS 中。下面是给出的嵌入代码。

<noscript><a href="https://www.eventbrite.com/e/test-1-tickets-53170478332" rel="noopener noreferrer" target="_blank"></noscript>
<button id="eventbrite-widget-modal-trigger-53170478332" type="button">BUY NOW</button>
<noscript><strong></a>Buy Tickets on Eventbrite</strong></noscript>

最佳答案

添加 <style> - 标记并为您的按钮 ID 添加 CSS 样式。如果您想使用多个按钮,您也可以创建一个类。

在此示例中,您的 ID 是:eventbrite-widget-modal-trigger-53170478332

然后为该 ID 或您创建的类编写样式。

<noscript><a href="https://www.eventbrite.com/e/test-1-tickets-53170478332" rel="noopener noreferrer" target="_blank"></noscript>
<button id="eventbrite-widget-modal-trigger-53170478332" type="button" >BUY NOW</button>
<noscript><strong></a>Buy Tickets on Eventbrite</strong></noscript>
<style>
#eventbrite-widget-modal-trigger-53170478332 {
border: none; 
background: darkorange; 
color: #FFF;
border-radius: 4px;
transition: all 300ms linear;
cursor: pointer;
padding: 0.5em;
}
#eventbrite-widget-modal-trigger-53170478332:hover {
background: red; 
}
</style>

关于css - 如何更改 eventbrite 嵌入按钮的颜色和悬停颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53584081/

相关文章:

css - 将 div 的内容对齐到底部

css - 在 React 中使用 useRef() 触发 CSS 动画

css - 960 网格中的 100% 宽度页脚

javascript - 只要我运行的变量小于 50,我的函数就无法正确运行

plugins - WooCommerce 复合产品尝试在变体上设置 SKU 出现 "Variation SKU must be unique."错误

database - 如何在 WordPress 中过滤具有多个类别名称的帖子?

jquery - 当我悬停另一个元素时,如何将悬停样式应用于 div?

wordpress - 是否可以分配一个插件,一个计时器,这会导致插件在到达时间时停用?

php - 从自定义分类法中的自定义帖子类型帖子中提取第一张特色图片

php - Jquery Slider 有时会出现在奇怪的位置