2017-09-13 122 views
0

我正在尝试自定义将出现在传单窗口中的链接样式。自定义传单弹出窗口中的链接样式

出于某种原因,我可以对链接的文本装饰和字体进行样式设置,但是当我尝试更改文本的颜色时,什么都不会发生。我尝试了几乎所有我能想到的方式,包括内嵌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>", 
}] 
+0

你试过了!很重要吗? – ShadowFoOrm

+0

是的,你需要添加!对于一些CSS属性来说很重要,以使其工作。 – Baptiste

+0

@ShadowFoOrm工作!谢谢!我听说你不应该使用它,如果你能避免它,所以我想我会看到它是否可以避免。谢谢! – Ailis

回答

0

使用重要;!

我听说你不应该使用,如果你可以避免它,所以我想我会看到,如果它是可以避免的。

这是真的,避免!重要的是真的很好。 但是你必须知道css重写规则是如何工作的。

CSS <内联风格< JavaScript风格<!重要; 在你的情况下,你说你得到的颜色与JavaScript。