html - Radio Button CSS3 - Customization -


i trying customize radio buttons on bootstrap not working, when try outside bootstrap environment in plain html works, below code html followed css using

<div class="radio">         <label>           <input type="radio" name="optionsradios" id="optionsradios1" value="option1" checked>           current amp policies         </label>       </div>       <div class="radio">         <label>           <input type="radio" name="optionsradios" id="optionsradios2" value="option2">           financial planning , retirement advice         </label>       </div>       <div class="radio">         <label>           <input type="radio" name="optionsradios" id="optionsradios3" value="option3">            lifecover         </label>       </div> 

the css

.newradio input[type=radio] {display: none;} .newradio label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px; } .newradio label:before { content: ""; display: inline-block; width: 14px; height: 14px; border-radius: 7px; margin-right: 10px; position: absolute; left: 0; bottom: 3px; background-color: #fff; border:solid 1px #bcb882; } .newradio input[type=radio]:checked + .newradio label:before { content: ""; background: url(../../content/images/radio-check.png); display: inline-block; } 

the reason .newradio using div parent class of above given html, getting proper display of radios checked status (the image radio-check) not showing, tried using color change instead of background image doesn't work either.

does has experience in customizing radio button in bootstrap? please guide

manoj soni

you need find bootstrap css class , overwrite it. or use id instead of class in css. when don't work try !important.


Comments

Popular posts from this blog

python - TypeError: start must be a integer -

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

django - Creating multiple model instances in DRF3 -