提交按鈕上懸停不工作

Question

我工作的新聞源和我有同款式的每個職位while循環，但後來我創建了一個

<input type="submit" name="deletePost" value="Delete" class="delete_post" />

，並與它的造型不工作...以及造型的作品，但: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; 
} 

HTML PHP內WHILE LOOP

<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> 

我真的不明白爲什麼:hover不工作。它確實需要正常的樣式，但是:hover,:active等不起作用。我正在努力解決這個問題，這真的很奇怪，因爲我每天都會做html/css 2年。我嘗試了很多可能的解決方案，但可悲的是......他們失敗了。即使在pencode/jsfiddle中，它也會失敗，光標：指針;/

Answer 1

即使這很奇怪...嘗試在您的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不工作您。