这个是什么问题导致的?

未结贴
11 180

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



  • 放逐之魚 放逐之魚
    2017-01-05 14:30:27
    估计你有样式冲突
    0 回复
  • 雷杰 雷杰
    2017-01-05 14:33:22
    @放逐之魚 但是我都没引用其他任何的样式表,而且也没有另外去定义css
    0 回复
  • 放逐之魚 放逐之魚
    2017-01-05 14:45:37
    @雷杰 代码看看?
    0 回复
  • 雷杰 雷杰
    2017-01-05 14:50:50
    @放逐之魚
    <%@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 回复
  • 放逐之魚 放逐之魚
    2017-01-05 14:57:46
    @雷杰 应该没问题撒,放到我这里都正常,你仔细看看哪里冲突了
    0 回复
  • 放逐之魚 放逐之魚
    2017-01-05 14:58:29
    @雷杰 仔细在浏览器里查看css就知道了
    0 回复
  • 雷杰 雷杰
    2017-01-05 15:09:23
    @放逐之魚 怎么检查哪里冲突了?
    0 回复
  • 雷杰 雷杰
    2017-01-05 15:10:16
    我都没引用其他的css文件,怎么会冲突呢?难道是我下载下来的layui本身不全吗?
    0 回复
  • 放逐之魚 放逐之魚
    2017-01-05 15:12:30
    @雷杰 右击,点查看代码,然后看css属性撒
    0 回复
  • 放逐之魚 放逐之魚
    2017-01-05 15:14:11
    @雷杰 你看下input的display属性,也看下网页中的结构
    0 回复
  • 雷杰 雷杰
    2017-01-06 09:12:25
    @放逐之魚 我这个在360浏览器兼容模式下会出错,极速模式下正常
    0 回复
最近热帖
layui 1.0.8 发布,一次用心的小版本升级 4877
LayIM 发布 3.0.3,增加音频消息支持及移动端联系人界面 1295
thinkphp5.0+layui个人博客源码分享,也可以做cms 1118
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 439
Layer真心好用,有了它,我作为一个phper终于有信心抛开二次开发 278
layui不好用啊,好复杂啊 255
layui 三级联动 245
有偿求助作者大大,我有一个opencart商城网站,想集成layui的问答系统 233
不得不承认,非常棒的一个富文本编辑器 189
ThinkPHP基于Layui无刷提交数据表单,亲测可用 181
layim下载
近期热议
layui 1.0.8 发布,一次用心的小版本升级 54
LayIM 发布 3.0.3,增加音频消息支持及移动端联系人界面 21
layui不好用啊,好复杂啊 13
通过ajax动态生成的新checkbox添加到table里面样式不存在了,怎么才能重新渲染? 13
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 12
layui的进度条总是无法显示 10
layer.confirm弹出之后的keydown事件 10
关于富文本框的内容清空问题 10
thinkphp5.0+layui个人博客源码分享,也可以做cms 9
请问layui的tab切换,防止页面刷新效果重置是怎么实现的? 8