Я хочу, чтобы область, где обнаружен щелчок, была больше, как показано на этом изображении
Я хочу сделать так, чтобы независимо от того, где вы щелкнете внутри этой красной области, вы будете выберите переключатель.
Мне удалось сделать эту область выбираемой с помощью стиля CSS. Padding:
$scope.myObj = {
"padding": "20px",
}
Html выглядит следующим образом:
<md-radio-button ng-style="myObj"></md-radio-button>
Но это создает другую проблему, я хочу, чтобы круг переключателя был центрирован внутри этой области, как это изображение. это изображение
Есть ли способ центрировать радиокнопка внутри области и удержание отступа или есть какой-либо другой способ увеличить область, на которую можно кликнуть, и удерживать кнопку в центре?