jquery移动文本覆盖文本奇怪的按钮答案

【问题标题】：jquery mobile text overlaying text weird buttonjquery移动文本覆盖文本奇怪的按钮
【发布时间】：2015-11-03 02:42:05
【问题描述】：

文本显示就好像它在另一个文本之上，以某种方式覆盖它。至少在我看来是这样。有人知道会发生什么吗？图片：http://imgur.com/IUamsPA JSFiddle：https://jsfiddle.net/km3Lp60q/

这是问题所在弹出窗口的原始 html：

<div data-role="popup" id="loginPopup" class="ui-content loginPopup logregPopup" data-dismissible="false" data-shadow="true">
        <form>
            <div style="padding:10px 20px;">

                <a id="registerLnk" href=""> Register </a>
                <br>

                <h3>Please sign in</h3>
                <label for="username" class="ui-hidden-accessible">Username:</label>
                <input type="text" name="user" id="username" value="" placeholder="username">
                <label for="password" class="ui-hidden-accessible">Password:</label>
                <input type="password" name="pass" id="password" value="" placeholder="password">
                <input type="button" value="ok" class="ui-btn ui-corner-all ui-btn-left ui-icon-check" data-inline="true"><!-- TODO: Fix the icon -->
                <input type="button" value="Facebook" class="ui-btn ui-btn" id="facebookBtn" data-theme="d">
                <input type="button" value="Google" class="ui-btn" id="googleBtn" data-theme="e">


            </div>
        </form>
    </div>

我在 themeroller 中制作了一些自定义主题，当我使用 data-theme="x"（或任何变体）时出现问题。

【问题讨论】：

你的 JSFiddle 对我来说是空的。关于您的文字，白色字体似乎也有白色阴影。请在 Chrome/FF 开发者控制台中查看计算样式
尝试将 text-shadow css 设置为 none。
谢谢，之前尝试修复它时，文本阴影设置为无。您知道为什么 jsfiddle 会自行清除吗？我也尝试过 chrome 开发者控制台，但由于某种原因，如果我在模拟器或手机之外的某个地方打开它，它只会保持加载状态（灰色圆圈旋转），你知道如何解决这个问题吗？
这是一个你可以 fork 的小提琴：jsfiddle.net/Twisty/btr8nqyL 我无法复制这个问题，因为我们没有滚动的主题。我会先恢复到内置主题，测试所有内容，然后应用您的自定义主题。如果它坏了，那么您的主题中的某些东西会导致问题。
确实是数据主题引起了问题，正如建议的那样，来源是文本阴影属性。将其设置为 none 并没有删除它，它只是删除了颜色，默认为白色，就像字体一样。文本阴影的其他参数是问题，然后我进入 w3school 并将每个参数复制到 0/none。

标签： jquery css html cordova jquery-mobile

【解决方案1】：

文本阴影属性是问题所在。将其设置为 none 并没有删除它，它只是删除了颜色，默认为白色，就像字体一样。文本阴影的其他参数是问题所在。发现后进入w3school，把每个参数都复制到0/none。

【讨论】：