我的CSS在内联部分工作,但不作为外部样式表

时间:2018-02-12 21:31:15

标签: css oracle oracle-apex oracle-apex-5

我目前正在尝试使用CSS在Apex 5中设置我的应用程序样式。我遇到的问题是当我在" inline"中编写我的CSS代码时。应用程序中任何页面的部分,然后CSS代码工作,但如果我在记事本上写CSS代码,然后上传文件并在我的应用程序中引用该文件,那么CSS代码不起作用。我已经写了几行CSS代码,所以我只是将它的一小部分作为样本发布,这样你们都可以看到我的格式:

body{
  font: bold 12px/16px "Times New Roman";
}

我已将该文件上载到应用程序的“共享组件”页面的“静态应用程序文件”部分中。然后,我尝试在不同的位置引用该文件,例如在页面级别和用户界面级别,但到目前为止没有任何工作。我对CSS非常陌生,所以任何见解都会非常感激。先感谢您!

2 个答案:

答案 0 :(得分:0)

上传文件后必须在静态文件列表中显示。文件列表包含一列Reference,其中包含如下字符串:#APP_IMAGES#test.css。复制此字符串并将其放置在CSS - File URLs部分的页面上。这应该有用。

然后确保文件引用有效。打开页面,查看CSS文件列表。所有浏览器都具有相同的功能,但可通过不同方式访问。在IE中:

  • F12
  • 打开Network标签。
  • 按“启用网络流量捕获”(左上角的绿色三角形)。
  • 重新加载页面。出现文件列表。
  • 在列表中查找您的文件:
    • 如果文件不存在,则您复制了错误的链接,或者将其复制到了错误的位置等。
    • 如果文件存在,通常应该具有状态200Result列)。如果状态不是200,则可能有很多原因(取决于状态)。
    • 如果文件的状态为200,则CSS属性不起作用,因为它被另一个CSS覆盖。要定义哪一个,请转到Dom Explorer标签。

答案 1 :(得分:0)

您可以尝试这种方法:

  1. 在服务器上,转到ORACHE_HOME/apex/images/css(路径可以不同,但​​是您可以通过.css扩展名找到它)
  2. 将文件放在此处
  3. Id编辑器,在页面属性中,转到CSS->“文件URL”部分
  4. 这样写路径:/i/css/new.css(i-通常是图像目录的别名)