写出一行样式，让a标签既可以显示在一行，且能添加上宽、高、背景、边框等样式。

a{

display:block

height:10px

width:10px

border:1px solid red

background-color:#369

}

纯手打

你a本来没有边框是吗，鼠标经过后如果加上边框的话

a（鼠标经过后）的高 = a(鼠标经过前)的高 + 鼠标经过是添加的边框的高。

所以 a:hover需要相应的减去边框的高和文字行高。

例如：

a{......height:20pxline-height:20px}

a:hover{......height:18pxline-height:18pxborder:1px solid #999}

不知道我理解的对不对。

a,button,input{

-webkit-tap-highlight-color: rgba(0, 0, 0, 0)

-webkit-user-modify: read-write-plaintext-only

}

可根据实际情况添加

outline: none

或

box-shadow: none

有时候<img />图片放在a标签里也会出现边框，可设置图片的边框为0.

除此之外还要注意其伪类的设置。

js方法：

onclick="this.blur()"

---