css - 在 Eclipse 中使用 HTML5 CSS

Question

我是 SAPUI5 的初学者。我正在 Eclipse 中使用 HTML5 构建 SAPUI5 应用程序。在 index.html 页面中，我正在创建一个 html5 页面，我在 WebContent 下创建了 css 文件夹。在 index.html 中，我添加了引用 css 文件。但是 css 中的属性不会影响 html 页面。我是否需要添加任何其他代码来引用 CSS 文件。

CSS:

@CHARSET "ISO-8859-1";
body {
background-image: "image/splash-sunrise.jpg";
background-size: 100px 100px; 
background-repeat:no-repeat; 
}

Answer 1

要在 SAPUI5 环境中使用 CSS，您应该将控件链接到特定的 CSS 类。你可以这样做:

var myButton = new sap.m.Button();
myButton.addStyleClass("myButtonStyle");

您的 CSS 可能如下所示:

@CHARSET "ISO-8859-1";

.myButtonStyle {
    color:#FFCCDD;
}

确保将 CSS 文件加载到您的应用程序中，例如在您的 html 文件中:

<link href="css/style.css" type="text/css" rel="stylesheet" />

当然，您也可以将其用于整个页面。根据您的需要，您还可以查看 App如果您使用移动控件，它会为背景图像提供一些实用程序。