Question

我在VisualForce页面中观察到一个奇怪的行为。我定义了一个css类，并将它应用于几个元素，如下所示：

<apex:page>
...
<style>
  .lnk
  {
      color:SteelBlue;
      text-decoration:none;
  }
</style>
...
<a class="lnk" href="/{!item.id}/e?retURL=/{!IRM_id}" target="_parent">Edit</a> 
<apex:commandLink styleClass="lnk" action="{!deleteAttachment}" value="Del">
...
</apex:page>

出于某种原因，应用了文本修饰样式，但颜色不会更改。我对css错综复杂并不是很了解，有人可以向我解释这里发生了什么吗？

Answer 1

我认为Salesforce通过JS应用了一些样式，因此正常的执行顺序失败了。通常情况下，您希望首先应用SF样式，然后再添加自己的样式。当我需要绕过jQuery插件附带的一些特定样式时，我也一样。

您可以尝试使用!important。这对我有用，无论是正确的做法，都可能是entirely different discussion ......

.lnk {
    color: SteelBlue!important;
    text-decoration :none;
}

希望有人会指出一些显而易见的事情。简单！

通过类应用文本颜色在VisualForce页面中不起作用

1 个答案: