Question

此图显示输入类型=文本不是由统一的lib设计的。 enter image description here

这是代码：

<html>
<head>
    <meta charset="utf-8" />
    <title>Log On</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.uniform.min.js" type="text/javascript"></script>
    <link href="/Content/JqueryUniform/Aristo/css/uniform.aristo.css" rel="stylesheet" type="text/css" />
     <script type="text/javascript" charset="utf-8">

         $(document).ready(function () {

             $("input, textarea, select, button").uniform();

         });

    </script>
   </head>
<body>
<form action="/Affiliates/LogOn" method="post">    <div id="login">
            <div class="editor-label">
                <label>User Name</label>
            </div>
            <div class="editor-field">
                <input  style="width:90%" type="text" name="UserName" id="UserName" />
                <br /><br />
            </div>
            <div class="editor-label">
                <label>Password</label>
            </div>
            <div class="editor-field">
                <input style="width:90%" type="password" name="Password" id="Password" />
            </div>
            <div class="editor-label">
                <label style="padding-top:3px;" >Remember Me</label>
                <input type="checkbox" name="RememberMe" id="RememberMe" />
            </div>
    </div>
</form>
</body>

Answer 1

Uniform不执行文本输入，也不执行1.5版本的文本区域。写这篇文章的时候了。统一样式：选择（下拉），复选框，单选按钮，文件上载输入。

Answer 2

使用它，它可能有效：

input[type=password]
$("input, input[type=password], textarea, select, button").uniform();

Answer 3

可能没有加载脚本，尝试重写库的路径：

<script src="Scripts/jquery.uniform.min.js" type="text/javascript"></script>

Jquery制服不会设计输入类型=文本元素

3 个答案: