TextBox CSS懸停/焦點

我在焦點上的文本框中添加了一個漂亮的箱子輪廓，但希望在懸停時添加灰色輪廓，但遇到了問題。當文本框未被選中時，我需要在懸停時顯示該框。任何方式來做到這一點？謝謝。 =）TextBox CSS懸停/焦點

input:focus{ 
    outline: none; 
    box-shadow: 0px 0px 5px #61C5FA; 
    border-color: #5AB0DB; 
} 

input:hover { 
    border: 1px solid #999; 
    border-radius: 5px; 
}

來源

2012-10-24 user1681891

我很困惑，你想做什麼？你想在懸停上顯示什麼框？當它是重點時，你想要發生什麼？ – jmeas

這完全不清楚你的問題是什麼。 –

我需要灰色輪廓（輸入：懸停）才能在輸入未聚焦時顯示（但仍然懸停）。 – user1681891

input[type="text"]:focus{ 
outline: none; 
box-shadow: 0px 0px 5px #61C5FA; 
border:1px solid #5AB0DB; 
} 

input[type="text"]:hover{ 
border: 1px solid #999; 
border-radius: 5px; 
} 

input[type="text"]:focus:hover{ 
outline: none; 
box-shadow: 0px 0px 5px #61C5FA; 
border:1px solid #5AB0DB; 
border-radius:0; 

}

http://jsfiddle.net/calder12/jCaGp/1/

我強烈建議設置類型如上否則每個輸入元件（按鈕，選擇等），將在這些效果。

來源

2012-10-24 19:25:08

TextBox CSS懸停/焦點

回答

相關問題