Mozilla will shut down Pocket’s services on July 8, 2025. At that time users will no longer be able to access the Pocket website, apps and API. You can export your saved items and API data until October 8, 2025 before they are permanently removed. For more information, see this article.

Avatar for Username

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Form checkboxes styling lost in Firefox browser

  • 5 replies
  • 1 has this problem
  • 135 views
  • Last reply by TyDraniu

noora.soderling
noora.soderling

Hi,

I made CSS styling for form checkboxes that won't appear in Firefox browser. Could you please how can I get my stylings revealed in Firefox?

URL: https://www.almatalent.fi/tilaa-koulutusten-asiakaskirje/

Screenshot provided

Hi, I made CSS styling for form checkboxes that won't appear in Firefox browser. Could you please how can I get my stylings revealed in Firefox? URL: https://www.almatalent.fi/tilaa-koulutusten-asiakaskirje/ Screenshot provided
Attached screenshots

Chosen solution

You have to remove width: 0; height: 0;. That's all.

Read this answer in context 👍 0

All Replies (5)

TyDraniu
TyDraniu
  • Top 25 Contributor

Did you test it in another browser? It looks similar.

It's because you have: 

form input[type="checkbox"] {
 width: 0;
 height: 0;
}
noora.soderling
noora.soderling Question owner

It's working correctly on safari & chrome and even IE. See attached.

noora.soderling
noora.soderling Question owner

attachment

noora.soderling
noora.soderling Question owner

Added -moz-appearance: none; and no success

TyDraniu
TyDraniu
  • Top 25 Contributor

Chosen Solution

You have to remove width: 0; height: 0;. That's all.