:focus选择器： 指针获得焦点时，无法改变input框的边框颜色

:focus选择器：

        指针获得焦点时，无法改变input框的边框颜色？？？

        1.这是html代码：

<!-- :focus：表单伪类选择器 -->

    <input type="text" class="input_1" value="改变背景颜色">
    <input type="text" class="input_2" value="改变颜色">
    <input type="text" class="input_3" value="改变边框颜色">

        2.这是css代码：

.input_1:focus {
    background-color: red;
}

.input_2:focus {
    color: red;
}

.input_3:focus {
    border-color: red;
}

        问：

                input_1：指针获得焦点时背景颜色变红色

                input_2：指针获得焦点时文字颜色变蓝色

                input_3：指针获得焦点时   边框无法变成红色！！！