html - 如何在按钮上强制使用表单标签

Question

我有一个 css 类，它以某种方式将表单内的按钮定义为。

我无法在不在表单内的按钮上强制执行该定义。

这可能吗？

这是 css 声明（我不允许更改它）

form input.button{

Answer 1

form input.button { foo: bar; }将影响此表单的元素：

<form> <input class="button" /> </form>

如果您想在<input class="button" />表单之外定位，请在规则中添加一个新的选择器：

input.button,
form input.button { foo: bar; }

请注意，选择器input.button创建了选择器的超集，form input.button从而使后者完全多余，因此您可以像这样制定规则：

input.button { foo: bar; }

...它会呈现完全一样的。

更新：

啊，我看到您无法更改样式表。您必须使用 javascript、添加新规则或使用元素style=""上的属性手动定义样式<input />，但是您不能在浏览时追溯修改现有规则，这是不幸的。