我的ASP.NET主页中有一些代表基本导航菜单的HTML标记。连接三页的三个词。我的CSS和HTML包含在下面供您参考。如何让HTML链接显示悬停样式?

当我加载页面时,链接以正确的颜色(红色)显示。如果我将鼠标悬停在链接上,链接将更改为正确的颜色(蓝色)。到目前为止,我们很好。点击链接会将链接颜色更改为正确的颜色(黄色)。如预期的那样,剩下的两个链接仍然是红色/蓝色。点击第二个链接也会将该链接更改为黄色。现在我有两个黄色链接。黄色链接都不显示悬停颜色(蓝色),我喜欢。点击第三个链接也会导致它为黄色,并且没有链接显示悬停样式。

尽管链接已被点击,我想要存储颜色并显示悬停颜色。我该如何做到这一点?这是一个ASP.NET Web应用程序项目,但我现在只使用直接的HTML。

/* --- css --- */

a:link

{

color: red;

text-decoration: none;

}

a:hover

{

color: blue;

text-decoration: none;

}

a:active

{

color: green;

text-decoration: none;

}

a:visited

{

color: yellow;

text-decoration: none;

}

/* --- HTML --- */

Cars.

Trucks.

Vans.

html链接鼠标在悬停颜色,如何让HTML链接显示悬停样式?相关推荐

  1. Qt鼠标拖曳以后松开停留在悬停颜色BUG

    用了样式表以后,节点设置了不同的悬停颜色和按下选中颜色,如果拖曳过去以后,颜色仍然停留在悬停颜色,而不是选中颜色,这个BUG官网有人提过并收入,BUG地址https://bugreports.qt.i ...

  2. 链接访问后刷新颜色回到初始_如何使链接可访问(提示:颜色不够)

    链接访问后刷新颜色回到初始 Link accessibility is one of the most important aspects of usability. However, designe ...

  3. html鼠标悬停出现新元素,CSS:我如何将鼠标悬停在一个元素上,并显示另一个元素?...

    我有一个导航面板,当您将鼠标悬停在灯具 上时,它会显示从主导航面板下拉的面板中的前5个灯具.CSS:我如何将鼠标悬停在一个元素上,并显示另一个元素? 我试图实现这个使用CSS与:hover. 这是:h ...

  4. [转] 鼠标移入/移出颜色渐变

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

  5. css 鼠标悬浮样式_【技术】CSS设置链接鼠标(失效)不能点样式

    css关键代码: <style type="text/css">.add-link{color: #358753;}.link-notallowd{opacity: . ...

  6. 在markdown中控制文字的颜色,背景色,字体大小,字体样式及颜色RGB转换工具链接

    文章目录 1. 在markdown中控制文字的颜色: 2. 在markdown中控制文字的背景色 3. 在markdown中控制文字的字体大小 4. 在markdown中控制文字的字体样式 5. 另一 ...

  7. IOS富文本点击文字打开链接 特殊文字变颜色 点击文本打开链接 必须加手势

    有的时候需要实现H5的效果  一段文字 特殊几个文字变颜色  并且点击文字打开H5链接. 什么是富文本? 实际上就是图文混排,就是过去都是普通的文字,黑色的,大小一致,但是不能满足需求,最后通过富文本 ...

  8. Vue.js学习笔记(三):隐藏a标签鼠标悬浮状态下浏览器左下角出现的链接地址

    前言 当a标签悬浮时浏览器左下角会出现链接地址,为了隐藏链接地址,除了使用用点击事件代替以外,我们还可以一次性解决页面所有a标签悬浮出现链接的问题. mounted() {this.deleteMsg ...

  9. Mac技巧之苹果电脑Mac OS X系统自带的鼠标所在点颜色RGB值查看工具:数码测色计...

    Mac技巧之苹果电脑Mac OS X系统自带的鼠标所在点颜色RGB值查看工具:数码测色计 转自http://www.mac52ipod.cn/post/show-mouse-point-rgb-col ...

  10. html图片下载链接怎么弄_html如何给图片加链接

    html给图片添加超链接的方法:可以通过标签来设置超链接,通过href设置所要跳转的链接,然后在a标签下设置标签用来添加图片,当点击图片时就会跳转到目标链接中 在HTML中使用超链接可以与网络上的另一 ...

最新文章

  1. python tcp协议加代理_python实现简单的TCP代理服务器
  2. 有关Rating组件的研究——Silverlight学习笔记[41]
  3. 磁珠 符号_贴片磁珠功能_贴片磁珠应用
  4. 大话设计模式之设计模式遵循的七大原则
  5. Ubuntu 装机软件
  6. 你常吃的便利食品,正在加速你的衰老……研究发现饮食与DNA损伤有关
  7. 批量修改同一目录下文件名--操作so easy
  8. java图文并排_JAVA如何实现图文混合显示
  9. 被众多车企“抛弃”、增长放缓,Mobileye值不值500亿美元?
  10. Python3使用dbf模块读写dbf文件
  11. 3dmax制作alpha通道贴图
  12. 7 21 第一次团队赛——————写给队友
  13. 解决webpack打包报错: Cannot find module '@webassemblyjs/wasm-parser'
  14. Android 11 新特性和API兼容
  15. XXXXXXXXXXX
  16. PT100测量温度电路设计原理解析
  17. 百万调音师—Audition降噪
  18. mysql水果销售系统数据库_mysql数据库水果销售系统
  19. WAF是什么?一篇文章带你全面了解WAF
  20. LeetCode 576 出界的路经数

热门文章

  1. html菜单栏向左展开与收起,网页左侧固定菜单栏的展开与收起
  2. Automate your Android app testing
  3. 新建计算机管理员账户,Win10如何新建本地管理员账户
  4. Java项目:Springboot校园报修管理系统
  5. HTML5制作网页版个人简历
  6. 记录自己装Ubuntu18.04+Win10 1803双系统,采用UEFI启动模式
  7. 微信小程序实现账号密码登入和传值显示
  8. 极速pdf android,极速PDF阅读器 V3.0.0.2003 官方版[安卓软件]
  9. 海康视频转码 - 标准mp4格式(java)
  10. android序列号怎么修改,修改Android序列号(Serial Number)