如何使用CSS創建自定義水平單選按鈕？

Question

我要創建單選按鈕或其他類型的控制將充當像這樣：

​​

值1被選擇，所以它看起來像被按下的按鈕或選擇的鏈接（粗體，沒有下劃線）以及其它元件是有源按鈕/鏈接。當用戶選擇另一個值 - 狀態改變。我可以手動處理這個事件，問題是 - 我應該使用什麼插件或現有的css/js組合來實現此目的？

我很確定這種類型的控件有一個名字，但不能想出這是什麼。我試圖搜索自定義樣式單選按鈕，因爲功能相同，但失敗。我也嘗試了其他一些名稱，例如開關按鈕，但這不是我想要的。它也與標籤非常相似，但標籤通常被稱爲需要附加下劃線div的東西。所以我正在尋找「單選按鈕符合標籤」css/js解決方案。

你能幫我命名這個控件，如果你知道它的名字，或者找到可以幫助我實現我的目標的插件/現有代碼？

問題不是如何自己創建這種類型的功能，我可以做到這一點，但奇怪的是沒有現有的解決方案，我想幫助人們處於相同的情況，也可能是現有的解決方案設計可以比我能發明自己更好，因爲我不是設計師。

回答

這種類型的控制可以發現「簡體CSS標籤」或「CSS小標籤」，但他們需要一些額外的代碼按預期運行。

而且，這種類型的功能可以在谷歌找到的jQuery UI的radio buttons transformed into a button set和Yahoo UI Button Control: Radio Buttons

Answer 1

http://jqueryui.com/demos/button/#radio

雅做作品芽:)