Question

我正在尝试在表格中创建一些内联超链接，以允许人们编辑/删除所选项目（并在屏幕顶部提供面包屑样式导航链接）。为此，我创建了一个如下的customscripts.js文件，其中包含以下函数定义：

FormatElement = function (element, contentItem, className) {
    element.className = className;
    element.textContent = contentItem.value;
}

这个函数基本上允许我通过在渲染或渲染后事件上调用一段代码将自定义类应用于给定元素，如下所示（其中BackLink是一个可变数据项，其值在create（）中设置）屏幕方法）：

myapp.MyScreen.created = function (screen) {
    // Write code here.
    screen.DeleteLink = "delete"; /* Initializes delete link variable text */
    screen.EditLink = "edit";   /* Initializes edit link variable text */
    screen.BackLink = "Back to Manage Accounts";
};
myapp.MyScreen.BackLink_postRender = function (element, contentItem) {
    // Write code here.
    element = FormatElement(element, contentItem, "ui-breadcrumb")
};myapp.MyScreen.EditLink_render = function (element, contentItem) {
    // Write code here.
    element = FormatElement(element, contentItem, "ui-action-link");
};

在user-customization.css中，我添加了几个与FormatElement调用引用的类相对应的新样式。

.ui-action-link {
    font-weight: normal;
    text-decoration: dashed;
    color: #0c2b90;
}

.ui-breadcrumb {
    font-weight: normal;
    text-decoration: dashed;
    font-size: x-large;
    color: #0c2b90;
}

但是，当我运行我的应用程序时，虚线文本修饰属性似乎已被覆盖，默认值为none。

任何人都可以就可能发生这种情况的原因提供任何建议吗？

Answer 1

将以下内容添加到user-customization.css一直对我有用：

.msls-tap .msls-text {
    color: #0000EE;
    text-decoration: underline;
}

在LightSwitch HTML5客户端中强调超链接

1 个答案: