css - 伪选择器不适用于提交

标签 css

谁能告诉我为什么我的伪选择器不起作用?

我认为这会很简单..

<!DOCTYPE html>

<html>      
    <head>
        <title>test</title> 
    </head>

<body>

    <form id="registerForm" method="POST" action="register_post.php" >
        <p class="registerSubmit">
            <input id="submit" type="submit" name="submit" value="submit">
        </p>
    </form> 

    <style>
        .registerSubmit #submit {
            background: white;
        }

        .registerSubmit #submit :hover {
            background: red;
        }
    <style>

</body>
</html>

将不胜感激..谢谢。

最佳答案

查看这段代码:

    <style>
        .registerSubmit #submit {
            background: white;
        }

        .registerSubmit #submit:hover {
            background: red;
        }
    <style>

再看一遍:

.registerSubmit #submit:hover {

最后看一眼

#submit:hover {

Achieve 看到空间了吗?

再见!

关于css - 伪选择器不适用于提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23727914/

相关文章:

javascript - 使用图像数组列表的 simplegallary.js 显示适合桌面屏幕的图像

html - CSS 多个@media(最小宽度)不起作用

css - 在 Internet Explorer 7 中设置 div 高度时出现问题

css - 如何删除 bootstrap 3.0 中的下拉事件颜色?

css - 浏览器作为设计工具 - 更改颜色,保存它们?

jquery - 悬停时展开表格单元格

jquery - 使用 sprite 的平滑 CSS 动画

html - CSS:如何将图像宽度设置为大于容器的宽度

jquery - $(body).css( {'background-image' :'url' }) 不起作用

css - 当父元素具有更具体的选择器时,为什么我的子元素不从其父元素继承颜色?