Question

我试图自定义将在传单弹出窗口中显示的链接样式。

出于某种原因，我能够设置链接的文本修饰和字体的样式，但是当我尝试更改文本的颜色时，没有任何反应。我已经尝试了几乎所有我能想到的方式，包括内联CSS，我将style='color:#000;'添加到标签中。我还在HTML文档中包含了一个reset.css文件，但这并没有改变任何内容。

链接从单独的Javascript文档中拉入，然后在弹出窗口中使用for函数进行格式化。这是代码：

CSS：

.leaflet-popup-content-wrapper .leaflet-popup-content {
text-align: center;
font-family: 'Quicksand', sans-serif;
color: #000;

}

.leaflet-popup-content-wrapper a
.leaflet-popup-content a {
color: #000;
}

.leaflet-popup-tip-container {
text-align: center;
color: #000;
}

.direction {
color: #000;
  }

a {
color: inherit;
  }

JS：

var variable = [{
"directions": "<a href='link' target='_blanck' class='direction'>Get Directions</a>",
}]

Answer 1

使用！important;

我听说你不应该使用它，如果你可以避免它，所以我我想看看它是否可以避免。

这是真的，避免！重要的是真的很好。但你必须知道css覆盖规则是如何工作的。

CSS＆lt;内联样式＆lt; Javascript样式＆lt; ！重要; 在你的情况下，你说你正在使用javascript获得颜色。

在传单弹出窗口中自定义链接样式

1 个答案: