HTML單選按鈕的樣式為切換按鈕

Question

我希望將選項顯示為可點擊按鈕，而不是讓標簽顯示在右側的典型磁盤。 所選選項應顯示為按下或按下。

我想在HTML中執行此操作，但是這方面的一個示例是Audacity程序中的左上角按鈕，您可以在其中選擇光標/工具模式。

最好的方法是什么？

_{（來源： freemusicsoftware.info ）}

Answer 1

有很多JavaScript插件可以做到這一點：

• 原型演示

只需將他們正在使用的圖像替換為您的圖像，您就應該好好去。

Answer 2

可能最好的方法是創建一個真正的單選按鈕，然后根據單選按鈕上的狀態使用javascript控制元素的呈現。 如果選擇了單選按鈕，則渲染background-a，else background-b（或使用精靈）。 通過自定義元素的單擊事件控制單選按鈕的狀態。

Answer 3

使用此jQuery UI插件 ，您可以自定義單選按鈕和/或復選框以查找所需內容。