CSS：沒有懸停如果選擇

Question

對於最聽起來很簡單，但我是新東西。

input.input-text:hover {color:red} 
input.input-text:focus {color:blue} 

我想要如果input-text重點它不能成爲紅色懸停。我們能做到嗎？

Answer 1

你可以堆棧僞代碼

input.input-text:focus:hover { 
    color:green; 
} 

Answer 2

我會使用jQuery來實現這一點，因爲你試圖有條件地設置CSS。你可以留下你的CSS喜歡它，然後添加此HTML頁面

$("input.input-text:focus").hover().css('color', 'black'); 

。如果沒有列入jQuery腳本，將其添加到文檔的頭：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>