按鈕樣式，css

當我移動按鈕鼠標時，是否可以更改按鈕樣式？按鈕樣式，css

當按鈕上的光標，顯示此風格：

input.button_p 
{ 
    color: #000000; 
    border-style: none; 
}

當按鈕上的光標no't，表明這種風格：

input.button_a 
{ 
    color: #FFFFFF; 
    border-style:solid; 
}

感謝

來源

2010-07-27 lolalola

可以使用:hover pseudo class，就像這樣：

input.button_p { 
    color: #000000; 
    border-style: none; 
} 
input.button_p:hover { 
    color: #FFFFFF; 
    border-style:solid; 
}

和元素只是有button_p類，像這樣：

<input type="button" class="button_p" />

來源

2010-07-27 19:58:39

據我所知，除了鏈接之外，'：hover'在IE6中不起作用。 – Sarfraz 2010-07-27 20:06:45

@sAc - 所以IE6用戶錯過了一些*造型* ...它在功能上沒有任何突破，我認爲大多數都會完全正確。想想另外一種方法，我們是否應該添加JavaScript來完成CSS支持的某些功能，使其對於其他所有瀏覽器都變得更加重要，只是爲了支持甚至不需要網站在IE6中運行的東西？ – 2010-07-27 20:11:15

同意這就是我們必須忍受的，添加javascript將是這種事情的開銷。這很有趣，雖然：http://stackoverflow.com/questions/2571073/ie6-hover-issue – Sarfraz 2010-07-27 20:16:12

input.button { 
    color: #000000; 
    border-style: none; 
} 

input.button:hover { 
    color: #FFFFFF; 
    border-style:solid; 
}

請注意，在這種用法中的懸停屬性並不是所有瀏覽器都支持的。但它的支持足以讓他們無法工作關於它。

來源

2010-07-27 19:58:39 NotMe

<input type="submit">和<input type="button">並非在所有瀏覽器設置樣式。您應該使用<button type="submit">text</button>。

來源

2010-07-27 20:26:32 jmz

按鈕樣式，css

回答

相關問題