如何更改自舉程序中的單選按鈕顏色和大小？

-2

我使用的引導，但我可以改變單選按鈕的大小，並在他的顏色如何更改自舉程序中的單選按鈕顏色和大小？

這裏毫升例如

<label class="radio-inline"> 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1 
</label> 
<label class="radio-inline"> 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2 
</label> 
<label class="radio-inline"> 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3 
</label>

來源

2016-02-10 Ashu Designer

你能舉一個例子，說明你已經有了什麼，以及到目前爲止你已經嘗試了些什麼？我建議http://jsfiddle.com –

可能的重複[如何樣式單選按鈕或引導表內的複選框？]（http://stackoverflow.com/questions/31237205/how-to-style-radio-button-或 - checkbox-inside-a-bootstrap-table） –

單選按鈕由瀏覽器來處理，沒有真正的CSS做這個。

BYT有兩種選擇樣式單選按鈕的圓圈：

純CSS
圖片

本網站解釋這兩種技術非常好：stephenmorley.org

要誠實的說，如果你定位了很多不同的瀏覽器，那麼通過CSS進行正確的設計是相當困難的，這也是我推薦的原因nd你使用圖片，如果你有大量的觀衆。

您可以檢查此的jsfiddle我爲你做的用於測試目的https://jsfiddle.net/DTcHh/16879/

<div class="container"> 
    <label class="radio-inline"> 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1 
</label> 
<label class="radio-inline"> 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2 
</label> 
<label class="radio-inline"> 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3 
</label> 

</div>

來源

2016-02-10 12:22:47 clement

但是我可以改變單選按鈕的圓形邊框顏色 –

你不能設計本地元素的所有屬性（select，input，textarea等），所以你需要用CSS解決方法或任何JavaScript插件。 –

但是我不能用java腳本插件只能用css –

的顏色是通過把自舉按鈕類定義，它封裝了無線電輸入元素的標籤改變。

<div class="container"> 
    <label class="radio-inline btn btn-danger"> 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1 
</label> 
<label class="radio-inline btn btn-success"> 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2 
</label> 
<label class="radio-inline"> 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3 
</label> 

</div>

來源

2017-10-19 07:46:35

如何更改自舉程序中的單選按鈕顏色和大小？

回答

相關問題