html - css radiobox hide inner circle to change style -

how can hide inner circle of radiobox change style cornered. please see picture below.

css:

input[type="radio"] {   width: 166px;   height: 32px;   position:relative;   vertical-align: middle; }  input[type="radio"]:checked {   background-position: -36px -232px; } 

you can't hide just button, have hide entire element. can wrap <input> , element such <span> in label, hide input, , apply of styles <span> instead (or use <label> appropriate for/id combination).

http://jsfiddle.net/fapyx/