jquery - 如何在 Jquery Mobile 中删除基本链接中的阴影？

Question

<div data-role="page" style="background:#000">
    <a href="http://google.com">test</a>
</div>

正如你在这里看到的：http: //jsfiddle.net/KCqqN/

Jquery Mobile 似乎添加了一个白色阴影，如何摆脱它？

Answer 1

在您的样式表中（确保它位于 jQuery 移动样式表下方）

只需自己设置 text-shadow 即可，随心所欲。

.ui-body-c, .ui-overlay-c { text-shadow:0 0 0; }

在 jsFiddle 中，它会在之后加载 jquery mobile css，所以如果你在其中添加一个额外的标签（或使用！important，最好不要这样做）它会胜过它。

body .ui-body-c, body .ui-overlay-c { text-shadow:0 0 0; } // more specificity

http://jsfiddle.net/KCqqN/2/

Answer 2

很简单！

在 CSS 中的所有内容之前添加以下代码：

* {
    text-shadow: none !important;
}

Answer 3

我建议在 head 标记中设置您自己的链接 css，然后添加“text-shadow=none !important;” 标记以确保您覆盖 jquery 所做的任何事情。并且因为 !important 覆盖了浏览器的可访问性设置，我还建议将您的文本设置为非常暗和大而背景非常轻，反之亦然，以免惹恼您的可访问性设置不起作用的色盲/视力障碍用户