这个是什么问题导致的?

未结贴
11 290

我有正常引用/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 回复
最近热帖
vip-admin Html v1.6.0 更新了 - 基于layui的后台模板 1263
layui省市区三级联动数据库版 1222
基于thinkphp3.2.3+layui的超简洁企业网站后台管理模版 454
基于LayUI封装的一个简单表格.(好久没发贴了,发一下福利),用得上就拿去吧~~~ 396
layui渲染select或checkbox问题 320
重新修改了Fly社区模版,取消响应式,PC和移动独立分开 256
不依赖服务端渲染模板,前端实现模板渲染加载问题的一些思考。 255
贤心大大,我想改网址 254
百思不得其解的一个问题! 232
请问为什么layer中弹出层内容点击事件不起作用?? 231
近期热议
vip-admin Html v1.6.0 更新了 - 基于layui的后台模板 15
基于thinkphp3.2.3+layui的超简洁企业网站后台管理模版 13
百思不得其解的一个问题! 12
layui的use加载问题 11
范围的日历,怎么让第一个日历选中时间后,第二个立刻自动弹出 10
请问为什么layer中弹出层内容点击事件不起作用?? 10
jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭 10
为什么select我不加selected他默认选中呀? 9
请问如何监听右上角的关闭事件 9
弹出层宽度高度自适应 7