当input框在输入的时候，添加一个边框样式

普通的input输入框在输入时没有好看的样式，看起来不怎么美观，那么如何给input在输入是添加一个好看的样式呢？

很简单，不用js就可以，用查css就可以实现

css：

    #input1:focus{
                outline: 2px dashed red;
            }

html：

    <div id="all">
            <input type="text" name="input1" id="input1" value="" placeholder="输入" />
        </div>

这是没有FOUCS的

 

这是有fouce的

 outline: 2px dashed red;

2px是边框的宽度

dashed是样式

red就是颜色了