我需要设置两个不同的输入样式,以便在鼠标悬停和点击时显示不同,就像按钮一样.通常我会用按钮;但是,其中一个是输入类型=“重置”,我认为使用输入比编写表单重置脚本更简单.
对于鼠标悬停和单击,一种样式如何输入“提交”和“重置”类型?
对于鼠标悬停和单击,一种样式如何输入“提交”和“重置”类型?
解决方法
假设你的意思是CSS而不是
JavaScript方法,你可以使用伪类:
input[type=reset],/* CSS2.1 attribute-equals selector */ #resetButtonID,.resetButtonClass-Name { /* the reset button */ } input[type=reset]:hover,#resetButtonID:hover,.resetButtonClass-Name:hover { /* the reset button when hovered over */ } input[type=reset]:active,#resetButtonID:active,.resetButtonClass-Name:active { /* the reset button when mouse-down */ } input[type=reset]:focus,#resetButtonID:focus,.resetButtonClass-Name:focus { /* the reset button when focussed by keyboard-navigation */ }
原文地址:https://www.jb51.cc/css/214802.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。