Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.78/18: Рейтинг темы: голосов - 18, средняя оценка - 4.78
0 / 0 / 0
Регистрация: 09.10.2016
Сообщений: 60
1

Увеличение размера радиокнопки

26.11.2016, 23:47. Показов 3181. Ответов 10
Метки нет (Все метки)

Подскажите пожалуйста как увеличить размер радиокнопки.
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
26.11.2016, 23:47
Ответы с готовыми решениями:

Автоматическое увеличение размера шрифта
Здравствуйте. Как сделать так, чтобы при просмотре сайта с мобильных устройств, в случае, если...

Увеличение и уменьшение размера <div>'a
Такое дело: тело страницы делится на 2 части по длине, в первой части есть меню. Нажимаем на синюю...

Увеличение размера рисунка в сайте
Уважаемые господа, Помогите решить одну задачку. У меня на сайте имеются рисунки и рядом тексты...

Увеличение размера шрифта с увеличением контейнера
&lt;div class=&quot;block&quot;&gt; &lt;div class=&quot;stepArticle&quot;&gt; &lt;p class=&quot;text&quot;&gt;info&lt;/p&gt; ...

10
Модератор
Эксперт JSЭксперт HTML/CSS
3714 / 2614 / 1511
Регистрация: 12.07.2015
Сообщений: 6,612
Записей в блоге: 4
26.11.2016, 23:51 2
CSS
1
2
3
4
input{
 width:100px;
 height:100px;
}
Кроссбраузерность проверяйте.
0
0 / 0 / 0
Регистрация: 09.10.2016
Сообщений: 60
26.11.2016, 23:56  [ТС] 3
А можно еще как то изменить и сам вид и цвет этой кнопки?
0
Модератор
Эксперт JSЭксперт HTML/CSS
3714 / 2614 / 1511
Регистрация: 12.07.2015
Сообщений: 6,612
Записей в блоге: 4
27.11.2016, 00:01 4
Привязывайте к кнопке label, и его стилизуйте как душе угодно, а саму кнопку прячьте.
0
0 / 0 / 0
Регистрация: 09.10.2016
Сообщений: 60
27.11.2016, 00:06  [ТС] 5
Ни чего не понял.
0
Модератор
Эксперт JSЭксперт HTML/CSS
3714 / 2614 / 1511
Регистрация: 12.07.2015
Сообщений: 6,612
Записей в блоге: 4
27.11.2016, 00:17 6
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
  <style>
    body {
    padding: 20px;
  }
  [type="radio"] {
    display: none;
  }
  label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #ddd;
    position: relative;
  }
  [type="radio"]:checked + label {
    border-color: green;
  }
  [type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: green;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
  }
  </style>
</head>
 
<body>
  <input type="radio" name="group1" id="radio1" checked />
  <label for="radio1"></label>
  <input type="radio" name="group1" id="radio2" />
  <label for="radio2"></label>
</body>
 
</html>
0
0 / 0 / 0
Регистрация: 09.10.2016
Сообщений: 60
27.11.2016, 00:22  [ТС] 7
У меня код совсем другой.Куда мне этот закинуть?
0
Модератор
Эксперт JSЭксперт HTML/CSS
3714 / 2614 / 1511
Регистрация: 12.07.2015
Сообщений: 6,612
Записей в блоге: 4
27.11.2016, 00:25 8
Выдергивайте из моего примера стили и разметку. Стили добавляете к своим стилям, а кнопки - куда вам надо на странице.
0
0 / 0 / 0
Регистрация: 09.10.2016
Сообщений: 60
27.11.2016, 00:29  [ТС] 9
То есть свои стили совсем убрать?
0
Модератор
Эксперт JSЭксперт HTML/CSS
3714 / 2614 / 1511
Регистрация: 12.07.2015
Сообщений: 6,612
Записей в блоге: 4
27.11.2016, 00:35 10
Я вам дал стили только для радиокнопок. Эти стили надо добавить к своим стилям. И видимо, надо еще почитать литературу о CSS в общем.
0
0 / 0 / 0
Регистрация: 09.10.2016
Сообщений: 60
27.11.2016, 00:36  [ТС] 11
Да я только пробую.А вообще не шарю я в css
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
27.11.2016, 00:36

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Увеличение размера картинки до 100% не выше?
Доброго всем дня. Вопрос в следующем: На странице есть различного размера картинки. Хотелось бы...

Увеличение размера фото как в одноклассниках
Здравствуйте уважаемые господа, Можете подсказать как сделать увеличение фотографии как в...

При увеличение размера фона он съезжает вниз
Здравствуйте! Как только меняю значение height у главного фона он съезжает. Изначально 1522,...

Пропорциональное уменьшение/увеличение фона в зависимости от размера блока
Добрый день! Посоветуйте пожалуйста, как пропорционально уменьшать backround: url(image); И как...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.