css - 超链接按钮

标签 css forms button hyperlink

我正在尝试格式化回复按钮:

.replyBtn {
    background-color:#CCC;
    color:#333333;
    font-weight:bold;
    padding:3px;
    font-size:12px;
    text-decoration:none;
}
.replyBtn:hover {
    background-color:#333;
    color:#FFFFFF;
    font-weight:bold;
    padding:3px;
    font-size:12px;
    text-decoration:none;
}
.replyBtn:link {
    background-color:#333;
    color:#FFF;
    font-weight:bold;
    padding:3px;
    font-size:12px;
}
.replyBtn:active {
    background-color:#CCC;
    color:#333333;
    font-weight:bold;
    padding:3px;
    font-size:12px;
}
.replyBtn:visited {
    background-color:#CCC;
    color:#333333;
    font-weight:bold;
    padding:3px;
    font-size:12px;
}

背景颜色改变。唯一错误的是它显示带有下划线的超链接颜色(这是我不希望它有的东西)。此外,将鼠标悬停在...上时,文本的颜色应变为白色。

最佳答案

在类的前面添加a

a.replyBtn:hover

关于css - 超链接按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10018622/

相关文章:

JavaScript .style.webkitFilter 无法正常工作

html - CSS 变换旋转在我的代码中不起作用

javascript - 将表单提交到新窗口/标签

html - 在 html 按钮中包装一个 react-router 链接

css - Facebook 喜欢状态 div

javascript - Zurb Foundation - 下拉菜单不起作用

javascript - 谷歌 HTML 服务 : write values from multiple selects in form to spreadsheet

jquery - 尝试获取 jQuery 事件以在选择/选项表单上触发 onClick

java - SWT 按钮图像限制

javascript - 查询。单击后如何删除按钮?