将自定义CSS应用于sapui5 tile

Question

我已经为SAPUI5应用程序创建了动态磁贴，此页面上的磁贴需要调整大小，因此我添加了自定义CSS样式类。

.administrationTile {
    width: 18rem;
    height: 14rem;
}

我这样申请：

oTile.addStyleClass('administrationTile');

我的问题是，这只会调整图块本身的大小，而不会更改图块中内容的大小。 我以前在onAfterRendering部分中是这样的：

setTimeout(function(){

for (var i = 1; i < 8; i++)
{
     $("#MyTileContainer-"+i+".sapMTile").css({
       width: "18rem",
       height: "14rem"    
     });
}

$("div.sapMTileContent").css({
    width: "18rem",
    height: "14rem"
});

$("div.sapMStdTileNumDiv").css("width", "12rem");

}, 200);

哪一个有效，但这是一个非常丑陋的方法，因为它始终不起作用，并且您会看到瓦片的大小发生变化（没有超时，它甚至根本不起作用）

我的问题是，在没有这种丑陋的解决方法的情况下，如何应用属于此图块的其他类（sapMTileContent和sapMStdTileNumDiv）。

Answer 1

这只会调整图块本身的大小，而不会更改图块中内容的大小。

据我了解，您正在修改磁贴宽度，但没有修改内容。

.administrationTile {
    width: 18rem;
    height: 14rem;
    font-size: 4rem; /*  <---  */
}

看看这个小提琴

Answer 2

您是否认为这可能是CSS继承问题。 如果您检查对象并专注于要影响的对象，然后使用Chrome的“检查元素”右键单击选项查看正在应用于该对象的CSS样式，则可能需要检查样式是否未在CSS链中稍后重写。 （希望这有意义吗？）