Поставить флажок в округлой

Я хотел бы поставить свой флажок в округлой CSS, как это:Поставить флажок в округлой

Как я могу это сделать только в CSS?

Большое спасибо.

источник

2016-09-14 ERV

Вы еще что-нибудь пробовали? Мы здесь, чтобы помочь *, не предоставляем бесплатную работу. – dckuehn

Очевидно, я искал, я пробовал до этого. – ERV

Добавление кода в сообщение поможет нам помочь. – dckuehn

Добавить граничный радиус в стиле CSS достаточно?

источник

2016-09-14 14:10:20 ERV

border-radius свойства CSS не работает для флажков –

Я работаю по этой ссылке: http://jsfiddle.net/achudars/8wW74/ Если я добавлю border-radius: 200px; в ".styled-checkbox + label: before, .lt-ie8 .checkbox-replacement {" все будет в порядке, нет? – ERV

Это похоже на работу! –

Существует способ сделать это. Однако для этого потребовалось совсем немного CSS.

Here is a JSFiddle of a rounded checkbox.

Обратите внимание, что вместо того, чтобы просто имеющий вход, ваш флажок должен принимать этот формат:

<div class="checkbox checkbox-circle"> 
<input type="checkbox" id="checkbox1"> 
<label for="checkbox1"> 
    Testing 
</label> 
</div>

Вот GitHub, что вы можете ссылаться на всю информацию относительно этого флажка.

источник

2016-09-14 14:18:18

Я не использую twitter-Bootstrap :-( – ERV

У меня должен быть весь код CSS из вашего JSFiddle? Https://jsfiddle.net/29yq0z4m/ – ERV

Я думал, что у вас есть это, работая с вашими комментариями? гибрида между этим вопросом и другим вопросом: http://jsfiddle.net/8wW74/179/ –

ответ

Смежные вопросы