加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – 如何在不使用javascript的情况下将样式设计为链接看起来

发布时间:2020-12-14 21:47:40 所属栏目:资源 来源:网络整理
导读:对于我的网站,我需要使用 span而不是 a因为我主要使用ajax,因此而不是链接,我已经将ajax事件作为我的跨度的属性。 因此,我不得不手动将跨度设为风格,看起来像链接。我已经使用悬停和访问伪类来改变背景和文本颜色,但是要将鼠标默认更改为鼠标悬停的指
对于我的网站,我需要使用< span>而不是< a>因为我主要使用ajax,因此而不是链接,我已经将ajax事件作为我的跨度的属性。

因此,我不得不手动将跨度设为风格,看起来像链接。我已经使用悬停和访问伪类来改变背景和文本颜色,但是要将鼠标默认更改为鼠标悬停的指针,我需要使用javascript吗?或者我可以使用css吗?

另外,我刚刚意识到… couldnt我只是使用< a>标记为< span>,而不是href,我会包括一个onclick?它应该是一样的,不是吗?

解决方法

span {
     cursor:pointer;
     color:blue;
     text-decoration:underline;
}

此外,您可以使用:hover伪类来调用元素(当您可以使用任何样式,而不仅仅是最初使用的元素)。防爆。

span:hover {
     text-decoration:none;
     text-shadow: 1px 1px 1px #555;
}

Example

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读