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.”