搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

Form checkboxes and buttons don't show up on my site in Firefox.

  • 4 回覆
  • 6 有這個問題
  • 6621 次檢視
  • 最近回覆由 Yodelman

more options

I have a sign-up form on my site. The checkboxes and radio buttons don't show up in Firefox. They do show and function in all of the other browsers I've tested. I tried unchecking the Do not Track option but that didn't change anything. The plugin developer says it's the CSS of the Wordpress theme I'm using. The theme developers don't seem to have an aswer. Doe anyone have an idea of how to get the buttons to show? Here's the site:

www.yodelinghalloffame.com

Image attached for reference.

Thanks! Terry

附加的畫面擷圖

被選擇的解決方法

Hi Terry, yes, there is a style rule in your theme which is causing this odd behavior. Please see the attached screen shots.

But the story should not stop there, since this appears to be a paid theme (https://premium.wpmudev.org/projects/.../themes/), I suggest escalating the issue to the theme publisher for a solution.

If that is unavailing you (or your designer) may need to insert some custom CSS to override that rule.

從原來的回覆中察看解決方案 👍 1

所有回覆 (4)

more options

選擇的解決方法

Hi Terry, yes, there is a style rule in your theme which is causing this odd behavior. Please see the attached screen shots.

But the story should not stop there, since this appears to be a paid theme (https://premium.wpmudev.org/projects/.../themes/), I suggest escalating the issue to the theme publisher for a solution.

If that is unavailing you (or your designer) may need to insert some custom CSS to override that rule.

more options

This is the problem part of the global.css style sheet (starting line 568):

/* Firefox checkboxes and radios are styled to match the rest of the browsers */
@-moz-document url-prefix() {
  input[type=checkbox] {
    /* original check box are push outside the viexport */
    position: absolute ;
    left: -1000em !important;
  }

Then at line 626:

  input[type=radio] {
    /* original check box are push outside the viexport */
    position: absolute ;
    left: -1000em !important;
  }

Injecting this at the end of the page overrides it, but I'm not sure how easy it is to insert custom CSS in your theme:

input[type="checkbox"],input[type="radio"]{
  position: static !important;
}
more options

jscher2000, That is exactly what I needed to know. I will share that with wpmudev. They are already trying to help but I wanted to cover all of my bases. This should put me on the right track. Can't thank you enough, but... Thanks! Terry

more options

jscher2000, That fixed the problem! A million thanks for your help! Terry