我希望我的輸入類型=按鈕僅在按下時更改顏色。例如,如果我有一個白色按鈕,我希望它只在按下時變成綠色,而當它不再按下時,我希望它返回白色。我如何在HTML和Javascript中做到這一點? (對不起我的英文不好,謝謝您)輸入類型按鈕在按下時是否改變顏色?
6
A
回答
5
1
普通的香草HTML + JavaSctipt:
<input type="button" style="background-color:white" value="Click Me" onmousedown="this.style.background='green'" onmouseup="this.style.background='white'" />
+1
你爲什麼要做javascript,尤其是內嵌JavaScript的東西,如果你可以用CSS來做到這一點? – 2012-08-17 02:36:54
+0
請參閱下面我對Piotr解決方案的評論。純CSS輸入按鈕在IE中不起作用。內聯JS僅僅是一個例子,當然如果需要更復雜的函數,它應該是一個函數。無論如何,純CSS處理
+0
我想找到一個解決方案,它也可以工作,如果你釋放目標外的鼠標按鈕 – 2014-05-28 16:36:13
1
對我來說,只有工作:
<style>
input:active{ background-color:green}
</style>
另一種選擇是規範ify on mouse over,僅用於按鈕:
<style>
input[type=button]:hover{ background-color: #46000D}
<style>
相關問題
- 1. 如何在按下按鈕時改變按鈕的顏色
- 2. 按下按鈕時改變按鈕的顏色
- 3. colorControlHighlight在按下時不會改變平面按鈕的顏色
- 4. 製作按鈕在按下時不改變標題顏色
- 5. 改變按鈕顏色
- 6. 按鈕顏色不改變
- 7. Python PyQt:TypeError,同時按下按鈕來改變圓的顏色
- 8. 如何在按下按鈕時更改用戶輸入文字顏色?
- 9. 當按下按鈕時按鈕顏色發生變化
- 10. 更改TextView按下按鈕的顏色
- 11. Android:按下按鈕時改變列表視圖中所有按鈕的顏色
- 12. 按下時反轉按鈕的顏色?
- 13. 如何在輸入文本框時更改按鈕的顏色
- 14. 單擊按鈕時改變剩餘按鈕的顏色
- 15. ActionBar在按下時更改菜單項按鈕的顏色
- 16. 如何在按下按鈕時更改文字顏色?
- 17. 如何在Android中按下時更改顏色按鈕的顏色?
- 18. QLineEdit在PySide中按下回車按鈕時顏色變化
- 19. 表單提交後輸入按鈕顏色改變
- 20. HTML輸入提交按鈕不會改變顏色
- 21. 按下/下按鈕時,如何更改按鈕的背景顏色?
- 22. 如何檢查輸入類型按鈕是否在PHP中按下?
- 23. Swift:改變按鈕顏色一次按下
- 24. Swift 3.0:改變按鈕顏色一次按下
- 25. 按下按鈕改變表格單元格顏色
- 26. iOS - 按下按鈕後更改按鈕顏色不起作用
- 27. 按鈕大小和按鈕按下背景顏色的變化
- 28. 是否有可能改變按鈕的顏色?
- 29. Android狀態按鈕在狀態按下時不會改變顏色
- 30. 提交時更改按鈕顏色,直到輸入新文字
這隻適用於鼠標按下。 – xdazz 2012-08-17 01:49:27
在IE中似乎不起作用? – 2012-08-17 01:56:33
@Trekstuff哪個IE?對於除IE以外的元素,僅在8.0版本中支持IE:https://developer.mozilla.org/en-US/docs/CSS/:active。其實在IE9中@PiotrJakubowski – 2012-08-17 02:02:04