Html 如何将悬停时的CSS类应用于动态生成的提交按钮？

我有下面一段HTML/CSS代码，用于根据从数据库检索到的行数显示页面

.paginate{
字体系列：Arial、Helvetica、无衬线字体；
填充：3倍；
保证金：3倍；
}
.disableCurrentPage{
字体大小：粗体；
背景色：#999；颜色：#FFF；
边框：1px实心#999；
文字装饰：无；颜色：#FFF；
字体大小：粗体；
}
.传呼{
光标：指针；
背景色：透明；边框：1px实心#999；
文字装饰：无；
颜色：#9CC；
字体大小：粗体；
}

添加以下代码

input[type=“submit”]：悬停{
边框：1px实心#999；
颜色：#000；
}

如果只需要这些按钮，则可以添加id名称

#分页输入[type=“submit”]：悬停{
边框：1px实心#999；
颜色：#000；
}

您有两个选择：

扩展您的

.paging

类定义：

。分页：悬停{
边框：1px实心#999；
颜色：#000；
}

使用DOM层次结构应用CSS样式：

div.paginate输入：悬停{
边框：1px实心#999；
颜色：#000；
}

---

您可以使用的最有效的选择器是

---

这里有一个实时演示：

这将针对所有输入，而不是像Tiny Asquid那样具有btnPage name属性的输入。@GeorgeKatsanos他要求所有按钮（我想将CSS类应用于鼠标悬停时的所有按钮）。那些具有名称属性btnPage的按钮是动态生成的，因此分配类名不是一个好主意，因为您不能为动态生成的按钮指定类名。这就是他所说的好吧，他的英语显然不是十全十美的。。我认为他应该澄清。如果他想让所有输入都有一些样式，那么#paginate input{}就可以了——但我不明白他为什么要提到btnPage属性部分的名称。@GeorgeKatsanos:）他的问题很清楚。他提到btnPage属性的原因是因为它是动态生成的，所以不可能用类名来设置按钮的样式。CSS将应用于所有元素，即使它们是通过异步调用或其他方式加载的。这就是问题所在。当你添加自定义样式时，这不起作用。页面中显示的结果是默认的按钮悬停样式。你更改了我的示例，这不是我粘贴的。我更改以显示效果。应该是那种风格。在你的演示中，如果你删除了css，它也会给出相同的结果。问题是不应该使用CSS规则更改输入元素。

 input[name="btnPage"]:hover {/*your css here*/}