搜尋 Mozilla 技術支援網站

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

Learn More

Problems with Wordpress Contact Form 7 and 1/6 columns

more options

Hi, I use the latest Wordpress and Contact Form 7 plugin. It works fine on Mac and Windows, on Chrome, Safari and Edge. Only on Firefox the 1/6 columns are not fully respected. They are too large and are overlapping other elements, (see 'Alter Kind 1, 2, 3, 4). Screenshot from Firefox and other Browser. Is there any css missing or is that a bug?

see here: https://bit.ly/43JRHwi

Hi, I use the latest Wordpress and Contact Form 7 plugin. It works fine on Mac and Windows, on Chrome, Safari and Edge. Only on Firefox the 1/6 columns are not fully respected. They are too large and are overlapping other elements, (see 'Alter Kind 1, 2, 3, 4). Screenshot from Firefox and other Browser. Is there any css missing or is that a bug? see here: https://bit.ly/43JRHwi
附加的畫面擷圖

所有回覆 (3)

more options

Unfortunately Firefox forum user and Firefox isn't in control of how plugins work and if they are broken you need to contact their plugin page contact list to inform them of the issue using their plugin.

more options

Hi, this is not a plugin problem, but a browser problem. So I need to know what I need to do different to make the website work on Firefox. I can also ignore the 10% Firefox-Browser-users.

more options

You have a rule to set the number input width in the left column:

.sunns-form .your-erwachsene input.wpcf7-form-control{width:50%;}

But I don't see a similar rule for the number input width in the one_sixth columns. As a result, I think the browsers are using their native control sizes for input[type="number"] which differs significantly. You can see that on display on https://developer.mozilla.org/docs/Web/HTML/Element/input/number --

For more consistency, how about adding a rule like this that keeps the number input about the same width as the text labels:

.one_sixth input.wpcf7-form-control{width:75px;}

And/or please let the plugin publisher know so they can update it for everyone.