Кнопка автоматического изменения размера радиокнопки при увеличении масштаба браузера

У меня есть селектор времени, построенный с двумя входами type="radio" внутри div. При масштабировании в браузере радио не изменяет автоматический размер и файлы . Как я могу получить этот автоматический размер с помощью CSS?

Фотки проблемы:

Мой код:

<div id = "timePeriodSelector" style = "font-size: 100%">
<form action = "">
<input type = "radio" id = "timePeriodSelector_default" onclick = "Dash.dateTypeSwitcher('default')">Effective Date
<input type = "radio" id = "timePeriodSelector_secondary" onclick = "Dash.dateTypeSwitcher('secondary')">Billing Date
</form>
</div>

В качестве масштабирования браузера вы имеете в виду функцию Ctrl+Scroll? Зачем тебе это ?

— 31.01.2019 18:04

да. Проблема с функцией прокрутки Ctrl+

— 01.02.2019 11:29

css radio-button

31.01.2019 17:38

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Ответы 1

    <!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
    <meta http-equiv = "X-UA-Compatible" content = "ie=edge">
    <title>Document</title>
</head>
<style>   
    #timePeriodSelector{
        border: 1px dotted black;
    }   
  </style>

<body>
    <div id = "timePeriodSelector" style = "font-size: 100%">
        <form action = "">
        <input type = "radio" id = "timePeriodSelector_default" onclick = "Dash.dateTypeSwitcher('default')">Effective Date
        <input type = "radio" id = "timePeriodSelector_secondary" onclick = "Dash.dateTypeSwitcher('secondary')">Billing Date
        </form>
        </div>
</body>
</html>


It is work correctly in chrome

06.02.2019 22:10

Другие вопросы по теме

Как обрабатывать пользовательские радиокнопки

Расширьте функциональность SfRadioButton в Xamarin.Forms с помощью Syncfusion

Контактная форма 7 добавить изображение к каждому отдельному входу радио

Javascript: скрипт для меню не реагирует, когда меню создается динамически

Угловой материал 7: невозможно правильно выбрать радиокнопки внутри компонента с помощью клавиатуры

Несколько переключателей на кодовом зажигателе массива

Что такое атрибут идентификатора набора полей и отличие от атрибута значения?

Группа переключателей Angular Material требует проверки, не работает

Радиокнопка не проверяется в пользовательском интерфейсе, но программно она проверяется

Невозможно увидеть варианты выбора selectInput и получить его количество в блестящем приложении

Кнопка автоматического изменения размера радиокнопки при увеличении масштаба браузера

Ответы 1

Другие вопросы по теме

Похожие вопросы