Button block issue

Hi Carsten,

Can you try adding the WP core buttons block, does it behave the same? Let me know!

Hi Ying, the WP core blue button has a different behavior, and still not good. Btw. is there a way to inspect buttons when they are clicked to see where this styling comes from?

View post on imgur.com

View post on imgur.com

It’s very difficult to inspect on mobile, I can see the same behaviour on an iPhone with Safari and Firefox, but I don’t see it with Chrome. It’s likely a style added by the browser for a:focus and a:active .

Try adding this CSS to remove GB’s focus and active color:

a.gb-button:active, a.gb-button:focus {
	color:unset !important;
}

Thanks for the snippet, the background turns black now, like the hover background color. I fixed it by changing to hover background color to the stationary red button color. Apparantly it is not possible to have another background color for hover without getting this issue.

View post on imgur.com

The border-radius and padding also changes, should I add the padding and border radius from the block settings to the snippet to solve this?

View post on imgur.com

For the border-radius issue, I don’t think there’s a way around it, it’s a style added by the browser, unfortruanly.

Ok, thanks for your help.

No problem ??