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

Question

文本显示时就像在另一个文本上一样，以某种方式覆盖它。至少在我看来是这样。有人知道会发生什么吗？图片:http://imgur.com/IUamsPAJSFiddle: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"(或任何变体)时出现问题。

Answer 1

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