Css-note:修改input文本框边框焦点样式笔记

Css-note:修改input文本框边框焦点样式笔记

大家好，我是Yangrl.
记录一个note：

刚才做作业，就觉得浏览器中鼠标点击input，默认样式不合口味，又不想js / jq，所以改吧（Let’s do it.）

//:focus选择器,选择获得焦点的输入字段，并设置其样式：
input:focus
{
    border: 2px solid #333;
}

黑白极简风 阔以撒哈哈哈哈哈哈哈（好吧我审美也有待提高），但是浏览器之间也有差别，Google浏览器默认有蓝色边框焦点，那也去掉吧

//加上去除轮廓：outline
input:focus
{
    border: 2px solid #333;
    outline: none;/*去掉默认input焦点边框*/
}

“人最重要的就是要relax.”