Question

我正在尝试将CSS样式规则应用于Visualforce页面。我的最终目标是使用renderAs =“pdf”从页面生成PDF（这里不包括，因为我试图找出问题所在。）

我尝试使用developer.force.com页面上的各种教程创建外部样式表但没有任何成功。这些样式表通过静态资源添加到SFDC，如下面的代码所示。但是没有呈现样式。

我也尝试过应用内联样式进行测试，然后再次渲染它。

我正在使用API 33在我的组织中使用Sandbox PRO进行测试。我尝试了其他API版本但得到了相同的结果。

任何人都可以提供一些解决问题的线索

<apex:page showHeader="false" applyHtmlTag="false">
 <apex:stylesheet value="{!URLFOR($Resource.csstesting, 'qstyles.css')}"/> 

   <style type="text/CSS">
  @page {
 /* Landscape orientation */
 size:landscape;

 /* Put page numbers in the top right corner of each
    page in the pdf document. */
 @bottom-right {
 content: "Page " counter(page) " of " counter(pages);
   }

 }
  </style>

 <apex:outputPanel layout="block" styleClass="standardBackground"/>
 <apex:outputText style="background-color:#0000FF"><span>Hello</span>               </apex:outputText>

</apex:page>

Answer 1

Salesforce将Visualforce页面作为HTML4.01提供。我不是html / css专家，但我认为这些指令可能仅在HTML5中可用。请尝试以下方法：

<apex:page showHeader="false" applyHtmlTag="false" docType="html-5.0">

有关详情，请参阅sfsx上的此问题：https://salesforce.stackexchange.com/questions/4672/what-happens-if-i-use-html5-doctype-in-visualforce?rq=1

SFDC Visualforce不呈现CSS样式

1 个答案: