不确定如何更改按钮颜色以及悬停颜色更改。请让我知道如何将其编码到 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/