这个是什么问题导致的?

提问 未结
11 735
雷杰
雷杰 2017-1-5
悬赏:5飞吻

我有正常引用/css/layui.css ,为什么会出现这种情况呢



回帖
  • 估计你有样式冲突
    0 回复
  • 雷杰
    2017-1-5
    @放逐之魚 但是我都没引用其他任何的样式表,而且也没有另外去定义css
    0 回复
  • @雷杰 代码看看?
    0 回复
  • 雷杰
    2017-1-5
    @放逐之魚
    <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
    <!--#include file="../include/public.asp"-->
    <!--#include file="../code/taoxp_class.asp"-->
    <!--#include file="../include/taoxp_function.asp"-->
    <% response.Charset="utf-8" %>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="../layUI/css/layui.css" />
    <script type="text/javascript" src="../js/taoxp.js"></script>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <script src="../layUI/layui.js"></script>

    <title>新增爆款</title>
    </head>
    <body>
    <form class="layui-form" action="">
    <div class="layui-form-item">
    <label class="layui-form-label">输入框</label>
    <div class="layui-input-block">
    <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input" style="width:30px;">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">密码框</label>
    <div class="layui-input-inline">
    <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-form-mid layui-word-aux">辅助文字</div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">选择框</label>
    <div class="layui-input-block">
    <select name="city" lay-verify="required">
    <option value=""></option>
    <option value="0">北京</option>
    <option value="1">上海</option>
    <option value="2">广州</option>
    <option value="3">深圳</option>
    <option value="4">杭州</option>
    </select>
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">复选框</label>
    <div class="layui-input-block">
    <input type="checkbox" name="like[write]" title="写作">
    <input type="checkbox" name="like[read]" title="阅读" checked>
    <input type="checkbox" name="like[dai]" title="发呆">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">开关</label>
    <div class="layui-input-block">
    <input type="checkbox" name="switch" lay-skin="switch">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">单选框</label>
    <div class="layui-input-block">
    <input type="radio" name="sex" value="男" title="男">
    <input type="radio" name="sex" value="女" title="女" checked>
    </div>
    </div>
    <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">文本域</label>
    <div class="layui-input-block">
    <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
    </div>
    </div>
    <div class="layui-form-item">
    <div class="layui-input-block">
    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
    </div>
    </form>

    <script>
    //Demo
    layui.use('form', function(){
    var form = layui.form();

    //监听提交
    form.on('submit(formDemo)', function(data){
    layer.msg(JSON.stringify(data.field));
    return false;
    });
    });
    </script>

    </body>
    </html>
    0 回复
  • @雷杰 应该没问题撒,放到我这里都正常,你仔细看看哪里冲突了
    0 回复
  • @雷杰 仔细在浏览器里查看css就知道了
    0 回复
  • 雷杰
    2017-1-5
    @放逐之魚 怎么检查哪里冲突了?
    0 回复
  • 雷杰
    2017-1-5
    我都没引用其他的css文件,怎么会冲突呢?难道是我下载下来的layui本身不全吗?
    0 回复
  • @雷杰 右击,点查看代码,然后看css属性撒
    0 回复
  • @雷杰 你看下input的display属性,也看下网页中的结构
    0 回复
  • 雷杰
    2017-1-6
    @放逐之魚 我这个在360浏览器兼容模式下会出错,极速模式下正常
    0 回复