CSS - reCAPTCHA 图像宽度

Question

我需要为“#recaptcha_image”指定两个不同的宽度 由于 recatcha 图像放置在#recaptcha_image div 中，我在我的 CSS 中添加了自定义宽度，如下所示:

#recaptcha_image img {width: 200px !important; height: 38px !important; }

由于我无法更改 DIV id，我如何在同一个 CSS 文件中为 #recaptcha_image 指定第二个宽度？ 我只能使用一个 CSS 文件，因为我有一个通用 header ，其中包含 CSS 文件。

谢谢。

Answer 1

您可以在 CSS 中创建一个具有不同宽度的类:

#recaptcha_image img.newWidth {width: 100px }

然后您必须在需要的时候将该类添加到元素中。

我知道您没有在问题中提到 JavaScript，但您也可以在必要时使用 JavaScript 来更改宽度，方法是使用 element.style.width = '100px';