css3 点击表单边框 |css里加全屏背景的代码

input:focus {
border: 2px solid red;
outline: none;
}
input[type="checkbox"]:focus + label {
border: 2px solid red;
outline: none;
}
input[type="radio"]:focus + label {
border: 2px solid red;
outline: none;
}

首先，大家使用input伪类选择器来定义输入框获取焦点时的样式。大家将边框宽度设置为2px，颜色设置为红色。另外，大家使用outline属性将默认的外边框样式去除。

其次，大家同样需要定义单选框和复选框获取焦点时的样式。这里大家使用input[type="checkbox"]和input[type="radio"]进行匹配，并将样式应用在相邻的元素上。同样，大家将边框宽度设置为2px，颜色设置为红色，并去除默认的外边框样式。

综上所述，在CSS3中实现点击表单边框获取焦点是非常简单的。大家只需要给input以及相邻的元素定义一些基本的样式即可。