html - CSS 更改特定 href 的按钮颜色

标签 html css button href

这是一个比价网站,有很多链接,其中一些链接不起作用。 我从 API 中收到的 href 为“javascript:void(0);”所以按钮什么也不做。

在页面上使用自定义 CSS,我想使用以下内容更改按钮的颜色

<a href="javascript:void(0);" class="button">Shop Now</a>

变灰。

是否可以使用自定义 CSS 更改特定 href 元素的颜色?

最佳答案

您可以使用属性选择器将属性与 [href=javascript\:void\(0\)\;] 或其某种变体完全匹配。

您可以在此处阅读有关属性选择器的更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

a[href=javascript\:void\(0\)\;] {
  color: gray;
}
<a href="javascript:void(0);" class="button">Shop Now (disabled link)</a>
<br>
<a href="#" class="button">Shop Now (normal link)</a>

关于html - CSS 更改特定 href 的按钮颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52161450/

相关文章:

jquery - 检查所选元素是否包含空格

javascript - 如何构建网页文件浏览器?

html - CSS3 - HTML Navlist 背景问题

Android - 同时显示按钮和文本

javascript - 每当窗口调整大小时,将内容从一个 DIV 转移到另一个

javascript - 根据数值jquery更改div的颜色

wordpress 中的 html 转换表太宽,不适合全宽页面模板

css - Tumblr 网站没有响应

JavaScript:禁用 <button> 直到选择值

javascript - 用js或vbs触发点击href按钮