CSS不適用於鉻。從父懸停改變孩子

版本28.0.1500.71的Ubuntu 13.04（28.0.1500.71-0ubuntu1.13.04.1）

<div class="parent"> 
<div class="child"> 
    Box text 
</div> 
</div> 


.parent { 
border-bottom: 9px solid blue; 
} 
.parent:hover .child{ 
border-bottom: 9px solid red; 
}

http://jsfiddle.net/Jq6uj/

在Firefox和Chrome中沒問題。

我應該寄一張票嗎？

謝謝

來源

2013-12-15 migueloop

如果您還包含以下代碼，會發生什麼情況：'.child {border-bottom：0;}'？我沒有類似的設置，所以我不能重現錯誤，只是猜測:) –

同樣的事情.....你可以嘗試在你的google crhome中打開jsfiddle嗎？你能重現錯誤嗎？ – migueloop

Chromium中適合我的工作30.0.1599.114 Ubuntu 13.10（30.0.1599.114-0ubuntu0.13.10.2） – Mike

這不是瀏覽器的bug。沒有任何地方告訴它刪除鼠標上的原始邊框。所以，做這樣的事情：

.parent:hover { 
    border-bottom: none; 
}

Fiddle

或者作爲WP_說，簡單地設置邊框顏色爲紅色懸停，而不是使用子元素，如果這是可能的。

來源

2013-12-15 00:52:10 Mike

CSS不適用於鉻。從父懸停改變孩子

回答

相關問題