当输入框获得焦点时,使用focus进行样式设置

原理：css伪类之input输入框鼠标点击边框变色效果、边框加粗等。
伪类元素的使用：:focus

    input:focus {
        border-width: 10px;
        border-color: rgb(77, 241, 77);
        background: yellow;
    }

调整input里面的输入光标大小并兼容主流浏览器

1. 给input的height设定一个较小的高度，然后用padding去填充，基本上可以解决所有浏览器的问题。

input{
    height: 16px;
    padding: 4px;
    font-size: 12px;
}

2. IE只要设置line-height就可以了。

input{
    -ms-line-height:40px;
}

Windows在鼠标设置中设置光标的粗细