廣東話對HTML輸入射頻

-1

.techRadio { 
    background: red; 
    height: 15px; 
}

HTML

<input type="radio" class="techRadio" checked="true" name="techBullet"/> 
<input type="radio" class="techRadio" name="techBullet" /> 
<input type="radio" class="techRadio" name="techBullet" />

請告訴我錯在這裏？

來源

2014-02-09 Faizan

這可能是重複的問題。 http://stackoverflow.com/a/4642152/1772101 – saidozcan

不！不是這樣！這裏是沒有標籤，只是談論風格的圓形檢查區.. – Faizan

我認爲單選按鈕（如複選框，也可能是其他）風格無法更改，因爲它們取決於您的導航器和操作系統。要使用自己的風格，您可以創建自己的單選按鈕。

來源

2014-02-09 13:51:37 dooxe

有任何鏈接？ – Faizan

是：http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ – dooxe

您可以應用css輸入單選按鈕，但不能更改背景顏色。

下面的代碼將改變單選按鈕的邊框。

<style> 
.techRadio { 

    outline:solid; 
} 
</style> 
<input type="radio" style="backgroung-color:red" class="techRadio" checked="true" name="techBullet"/> 
<input type="radio" class="techRadio" name="techBullet" /> 
<input type="radio" class="techRadio" name="techBullet" />

來源

2014-02-09 13:53:40

正如上面dooxe提到的，你真的無法爲單選按鈕設計多少功能。

但在網頁上隱藏無聊的單選按鈕和樣式的標籤有很多例子。

下面是「極端」造型 - FIDDLE的一個例子。

（更新與取得按鈕的值代碼 - FIDDLE）

HERE與代碼的網站 - 有很多例子。

CSS的第一個例子

input[type=radio] { 
    display:none; 
    margin:10px; 
} 
input[type=radio] + label { 
    display:inline-block; 
    margin:-2px; 
    padding: 4px 12px; 
    background-color: #e7e7e7; 
    border-color: #ddd; 
} 
input[type=radio]:checked + label { 
    background-image: none; 
    background-color:#d0d0d0; 
}

來源

2014-02-09 14:16:37 TimSPQR

你可以把你的單選按鈕一個div容器內。然後你可以在你的div中應用你的CSS樣式。

<div class="myDiv"> 
    <input type="radio" checked="true" name="techBullet"/> 
    <input type="radio" name="techBullet" /> 
    <input type="radio" name="techBullet" /> 
</div>

在你的CSS

.myDiv { 
    background: red; 
    height: 15px; 
}

來源

2014-02-09 15:04:38 Tibs

廣東話對HTML輸入射頻

回答

相關問題