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

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

a{

display:block

height:10px

width:10px

border:1px solid red

background-color:#369

}

纯手打

解决方法:

1:在a标签里加入js控制,当a标签被聚焦时,强制取消焦点,这时候a标签自然不会有虚线框。 <a href="#" onfocus="this.blur()">这里设置聚焦时触发blur()强制取消焦点。

2:在a标签里嵌套其他标签,比如span 或者var等等,把内容放在被嵌套的标签里。这时候点击这个链接,聚焦的是a的子标签,自然不会聚焦在a标签上,所以也能避免这个问题。

3:不适用a标签做链接,采用其他标签,使用js做出hover的效果,在css里加cursour:pointer设置鼠标以上时变小手。给用户是链接的错觉。使用js做点击时的页面跳转等。最大的缺点是对se友好性比前两种差很多。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11942867.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存