Javascript LightSwitch HTML5客户端中的下划线超链接

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

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

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

在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覆盖了

---

有人能提供一些关于为什么会发生这种情况的建议吗

在user-customization.css中添加以下内容对我来说一直都很有效：

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

---

Chrome开发工具应该可以帮助您更有效地调查这一点。检查相关元素时，您将在“样式”窗格旁边的窗格中看到属性列表，通常位于计算框模型的下方。找到有问题的属性，并展开箭头以查看列表顶部的样式规则。@kinakuta:我分别使用IE 11/VS 2013中的“Inspect元素”和DOM inspector来完成此操作。。。只显示了“文本装饰：虚线”，带有划线，没有替代样式，并且该样式在DOM检查器中取消勾选。有什么想法吗？为了记录在案，我现在已经尝试使用了！重要的关键字，试图迫使CSS样式克服我可能遇到的任何特殊性约束。没有乐趣（其他尝试：添加以下内容：

边框底部：1px虚线#ba0000；display:inline；

这对DIV很好，但对TD单元格没有帮助。因此……现在我需要了解是否有任何方法可以在TD单元格中作为超链接的内容下划线。当然，所有内容都特定于LightSwitch 2013。）问题不在于应用了什么样式，而在于应用继承样式的来源。您也应该能够从IE11开发工具的computed styles部分中看到这一点。与Chrome开发工具一样，它将列出应用样式的来源，将覆盖的样式划掉，并在顶部列出“赢”的样式。

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