CSS 更改特定 href 的按钮颜色
CSS change button color for specific href
这是一个比价网站,有很多链接,有些链接打不开。
我从我的 API 收到他们的 href 作为 "javascript:void(0);" 所以按钮什么都不做。
在页面上使用自定义 CSS 我想用
更改按钮的颜色
<a href="javascript:void(0);" class="button">Shop Now</a>
变灰。
是否可以使用自定义更改特定 href 元素的颜色 CSS?
您可以使用属性选择器将属性与 [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>
这是一个比价网站,有很多链接,有些链接打不开。 我从我的 API 收到他们的 href 作为 "javascript:void(0);" 所以按钮什么都不做。
在页面上使用自定义 CSS 我想用
更改按钮的颜色<a href="javascript:void(0);" class="button">Shop Now</a>
变灰。
是否可以使用自定义更改特定 href 元素的颜色 CSS?
您可以使用属性选择器将属性与 [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>