Hover effect button | Community
Skip to main content
Answered

Hover effect button

  • July 6, 2023
  • 1 reply
  • 254 views

Hey, I need to add a hover effect to the popup button, so that when you hover over the following button, the background color changes:

<button data-tf-popup="vfF28Xc3" data-tf-opacity="100" data-tf-size="100" data-tf-iframe-props="title=Loch Präzisions Bohrtechnik GmbH Elektriker" data-tf-transitive-search-params data-tf-medium="snippet" style="all:unset;font-family:Helvetica,Arial,sans-serif;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#0445AF;color:#fff;font-size:20px;border-radius:25px;padding:0 33px;font-weight:bold;height:50px;cursor:pointer;line-height:50px;text-align:center;margin:0;text-decoration:none;">Try me!</button><script src="//embed.typeform.com/next/embed.js"></script>

Best answer by jvh

Hey @Mabludo 

I think the only way to achieve this would be to add a class or id to that button and write your own css to apply hover styles. It’s not possible to add hover styles inline.

Hope that helps

Joyce

View original

jvh
Typeform
Forum|alt.badge.img+5
  • Typeform
  • July 6, 2023

Hey @Mabludo 

I think the only way to achieve this would be to add a class or id to that button and write your own css to apply hover styles. It’s not possible to add hover styles inline.

Hope that helps

Joyce


Reply