<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- outline (轮廓)是绘制于元素周围的一条线, 位于边框边缘的外围,可起到突出元素的作用。--> <title>outline轮廓</title> <style> /* 取消轮廓线 */ input:focus{ outline: none; } </style> </head> <body> <input type="text" placeholder="请输入账号"/> </body> </html>
若去除'去除轮廓线'命令,则
即,两者的差距在于蓝色的边框(忽略两个图片的黑白色差)