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

1 reply

jvh
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 85 replies
  • Answer
  • 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