Подчеркивание гиперссылок в клиенте LightSwitch HTML5

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;
}