有关css伪类visited样式无效的解决方法
2024-08-26 23:07:39
错误写法 将visited写在hover和active之后,例如:
.ui-page-theme-a .digilinx-ui-btn{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 1px #00a325;}
.ui-page-theme-a .digilinx-ui-btn:hover{background:#00891f;border-color:#00721a;color:#FFF;text-shadow: 1px #00891f;}
.ui-page-theme-a .digilinx-ui-btn:active{background:#00721a;border-color:#005c15;color:#FFF;text-shadow: 1px #00721a;}
.ui-page-theme-a .digilinx-ui-btn:visited{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 1px #00a325;}
造成的结果:点击过的按钮或者链接的样式将会一直固定在visited上,hover和active的样式讲会被覆盖
正确写法 将visited写在前面,如下:
.ui-page-theme-a .digilinx-ui-btn{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 1px #00a325;}
.ui-page-theme-a .digilinx-ui-btn:visited{background:#00a325;border-color:#00891f;color:#FFF;text-shadow: 1px #00a325;}
.ui-page-theme-a .digilinx-ui-btn:hover{background:#00891f;border-color:#00721a;color:#FFF;text-shadow: 1px #00891f;}
.ui-page-theme-a .digilinx-ui-btn:active{background:#00721a;border-color:#005c15;color:#FFF;text-shadow: 1px #00721a;}
最新文章
- C#体检套餐项目
- java反射学习之二万能EXCEL导出
- Unity3D热更新全书-脚本(二) 两级分化
- jQuery选择器(二)
- 最完整的Elasticsearch 基础教程
- 编码(Code)
- cocos2d-x 2.x版本接入bugly的总结
- 软工实践练习——使用Git进行代码管理
- Magento添加一个下拉登陆菜单Create Magento Dropdown Login in a few minutes
- word文档中的字号和磅的对应关系
- Shell的输入输出
- ZOJ 3490 String Successor 字符串处理
- 【MS SQL】数据库维护计划之数据库备份(一)
- 简述jpg、gif、png-8、png-24的区别,分别使用场景
- MongoDB Limit与Skip方法
- Hive基本原理及环境搭建
- 物理引擎中velocity的单位是个什么鬼?
- Android滑动列表(拖拽,左滑删除,右滑完成)功能实现(2)
- Python连接Mssql
- java:冒泡排序、选择排序、插入排序实现