Jquery移动css干扰我的自定义css按钮

我正在使用jquery.mobile-1.1.0作为PhoneGap应用程序。我在按钮css中遇到问题。Jquery有自己的按钮样式，但我不想使用它，而是希望有自己的按钮css。我还使用了一些jQuery组件，比如使用jquerymobilecss的tabs和formsearch，所以我必须将其包含在我的应用程序中

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

以下是我的html代码：

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

---

请帮忙。如何阻止jQuery在按钮周围创建外壳，并允许它选择自定义css。感谢

按钮类由jQuery Mobile使用，请尝试使用其他类名。

按钮类由jQuery Mobile使用，请尝试使用其他类名。

在jQuery Mobile中，基于输入的按钮和按钮元素是自动增强的，不需要数据角色。所以你有两个选择来克服这个问题

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

编辑jquery移动主题，或者更确切地说，使用主题滚轮创建自定义主题。您可以找到themeroller工具

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

第二个选项是将输入按钮的数据角色设置为“无”。前

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

希望对你有帮助

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

---

--MEJO

在jquery mobile中，基于输入的按钮和按钮元素是自动增强的，不需要数据角色。所以你有两个选择来克服这个问题

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

编辑jquery移动主题，或者更确切地说，使用主题滚轮创建自定义主题。您可以找到themeroller工具

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

第二个选项是将输入按钮的数据角色设置为“无”。前

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

希望对你有帮助

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->

---

--MEJO

我改成mybutton没有反映任何东西…但是sameI改成mybutton没有反映任何东西…还是一样

    <div data-role="content">
    <div class="signup">
    <form action="#" id="loginForm">
    <fieldset>
    <ul>
    <li class="first">
    <label><span>Email*</span></label>
    <input name="loginemail" type="text" id="loginemail" class="input" placeholder="Enter Full Name"  />
    </li>

    <li>
    <label><span>Password*</span></label>
    <input name="loginpassword" id="loginpassword" type="text" class="input" placeholder="Pick A Password" />
    </li>

    <li>
    <input name="" type="submit" id="loginSubmit" class="button" value="Login"   />
    </li>
    </ul>

    </fieldset>
    </form>
    </div> <!-- signup- div -->
    </div><!-- - content -->
    </div> <!-- end login page -->