Php 鼠标悬停时的提交按钮不是';行不通

Php 鼠标悬停时的提交按钮不是';行不通,php,html,css,loops,hover,Php,Html,Css,Loops,Hover,我正在制作一个新闻提要,我对每一篇带有样式的文章都有一个while循环,但后来我创建了一个 而且它的样式不起作用。。。嗯,这个样式可以工作,但是:hover不起作用。也不是:active和其他。很奇怪 CSS .image_post .user_avatar { width:32px; height:32px; overflow:hidden; border-radius:50%; } .image_post .user_avatar img { wid

我正在制作一个新闻提要,我对每一篇带有样式的文章都有一个while循环,但后来我创建了一个

而且它的样式不起作用。。。嗯,这个样式可以工作,但是
:hover
不起作用。也不是
:active
和其他。很奇怪

CSS

.image_post .user_avatar {
    width:32px;
    height:32px;
    overflow:hidden;
    border-radius:50%;
}
.image_post .user_avatar img {
    width:32px;
    min-height:32px;
}
.image_post .user_name {
    margin-top:7px;
    color:#fc0096;
    margin-left:-5px;
}
.image_post .timeago {
    color:#999;
    font-size:10px;
    position:absolute;
    top:10px;
    right:10px;
}
.image_post img {
    width:100%;
    border:1px solid #ccc;
}
.image_description {
    width:100%;
    padding-bottom:8px;
    background:white;
    text-align:left;
    color:#000;
    margin-top:-10px;
}
.image_post input[type="submit"] {
    border:0;
    position:absolute;
    top:30px;
    right:10px;
    background:black;
    padding:0;
    margin:6px 0 0 0;
    color:#fff;
    font-size:9px;
    text-decoration:underline;
    z-index:999;
}
.image_post input[type="submit"]:hover {
    cursor:pointer !important;
}
PHP WHILE循环中的HTML

    <div class="image_post">
    <input type="submit" name="deletePost" value="Delete" class="delete_post" />
    <div class="user_avatar">
        <img src="avatars/'.$pica['username'].'.jpeg" />
    </div>
    <div class="user_name">'.$pica['username'].'</div>
    <br>
    <br>
    <br>
    <br>
    <div class="timeago">'.$diff.'</div>
    <div class="image_description">'.$pica['description'].'</div>
    <img src="upload/'.$pica['name'].'" />
    <div class="clear"></div>
</div>

“.$pica['username']”




“.$diff.” “.$pica['description']”

我真的不明白为什么
:hover
不起作用。它确实采用了普通样式,但是
:hover
:active
等不起作用。我正在努力解决这个问题,这真的很奇怪,因为我每天做html/css已经有两年了。我尝试了很多可能的解决方案,但遗憾的是。。。他们失败了。即使在pencode/jsfiddle中,它也无法使用游标:pointer/

即使这很奇怪。。。尝试在CSS上使用类似
.delete_post:hover
的类,而不是
input[type=“submit”]:hover

我认为这应该行得通。如果没有,请尝试放置它的名称和ID,并尝试使用ID,如
。image_post#delete_post:hover

因为它非常奇怪,因为它应该工作得很好。。。也许您可以尝试jQuery并执行以下操作:

$(document).ready(function(){
    $(".delete_post").hover(function(){
        $(this).attr("style","cursor:pointer;");
        $(this).removeAttr("style");
    });
});

但是再一次。。。我不明白为什么
:hover
对你不起作用。

对我起作用:-也许你在代码中的某个地方覆盖了你的css样式做了一个快速测试,它也起作用了。只有光标指针停留在悬停位置,对吗?按您的预期工作。请看这里->也许你的代码中有一些拼写错误(打字错误),我只是复制粘贴了这段代码,它就工作了!!我是这样做的,但是我用
输出它,而($pica=$result->fetch_assoc()){}
所以它来自数据库,即使我在所有东西周围放了一个链接,它也没有链接,所以我认为它与数据库输出有关。如果它与数据库有关,那么为什么不尝试
fetch_array()
?但我不知道,这很奇怪,因为如果CSS正常工作,我不明白为什么伪类不。。。