Как добавлять изменение края к моему radiobutton?

Я хочу дело в том, что когда один radio button не будьте выбраны измените цвета Ваш край в красноватый один для того, чтобы он идентифицировался ясно, уже я смог изменять радио начального способа, но не применив к себе действие.

input[type="radio"] {
  display: none;

}
input[type="radio"] + span {
  background-color: #fefefe;
  border: 1px solid;
  border-color: blue;
  border-radius: 50px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  display: inline-block;
  float: left;
  margin-right: 7px;
  padding: 7px;
  position: relative;
  -webkit-appearance: none;
  cursor:pointer;
}
input[type="radio"]:checked + span {
  color: #f00;
}
input[type="radio"]:checked + span:after {
  background: blue;
  border-radius: 50px;
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.75), inset -1px -1px 1px rgba(0, 0, 0, 0.75);
  content: " ";
  height: 10px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 10px;
}
label:hover input[type="radio"] + span {
  border-color: green;
}
.error_borde {
  border-color: red;
}
<div class="left width50">
  <label>Tipo Sistema:</label><font size="4"> * </font><br />
  <label><input type="radio" name="tipoSistemaP" class="radios" id="rbtRadioR" value="1" /><span></span>Remesa</label>
  <label style="float:right;margin-right:80px;"> <input type="radio" name="tipoSistemaP" class="radios" id="rbtRadioPe" value="2" /><span></span>Pedimento Pagado</label>
</div>

Код изменения края:

$("#rbtRadioR").addClass('error_borde');

Заметь: Действие, должно быть, выполняет, дав ему клик кнопке сохранения

3
задан 24.02.2017, 18:34
0 ответов

Нет необходимости в использовании. Простая и ясная граница цвета, как таковая, и вы можете описать ее цвет как настоящий : проверено

. para webkit)

 input [type = "radio"] {display: none; } input [type = "radio"] + span {background-color: #fefefe; граница: 1px solid; радиус границы: 50 пикселей; тень от рамки: вставка 0 1px 2px rgba (0, 0, 0, 0,15); дисплей: встроенный блок; плыть налево; поле справа: 7 пикселей; набивка: 7 пикселей; положение: относительное; внешний вид: нет; курсор: указатель; цвет рамки: красный; } input [type = "radio"]: проверено + span {border-color: blue; } input [type = "radio"]: проверено + span: after {background: blue; радиус границы: 50 пикселей; содержание: ""; высота: 10 пикселей; слева: 2 пикселя; положение: абсолютное; верх: 2 пикселя; ширина: 10 пикселей; } label: hover input [type = "radio"] + span {border-color: green; } 
 
1
ответ дан 03.12.2019, 16:51
  • 1
    спасибо @amenadiel только, что talvez не объяснил мне хорошо в публикации, действие должно делаться, когда не тот же radiobutton себе дает clic пуговицу. –  24.02.2017, 18:33

Puedes создает радио персонализированную партию и вводит информацию и вводит метку. Luego, haciendo uso de после puedes simular el punto que indica selección.

La accion de de de hacerse al darse click un boton no el mismo radiobutton

Para hacer que el radio sea seleccionado desde un un botón соло basta hacer una de dos cosas:

  1. Seleccionar al label y ejecutar el evento click
  2. Seleccionar el input y establecer la propiedad проверено ru true .

Ejemplo

 function select () {document.querySelector ('# r'). Check = true; // o /*document.querySelector('[for="r"]').click();*/} 
 body {background-color: #fff; } .radio {display: inline-block; } .radio> input [type = " обивка: 6px 10px; } 
 
0
ответ дан 03.12.2019, 16:51

Теги

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