如何改变字体颜色或者不用layui样式

提问 已结
17 266
Apple333
Apple333 2018-6-7
悬赏:20飞吻
版本:layui 浏览器:Google


怎么让记住密码的颜色 改变,或者不使用layui 样式来使用CheckBox
回帖
  • 直接内联改样式不起作用?
    0 回复
  • Apple333
    2018-6-7
    问题太简单了? 表达不准确?[汗]
    0 回复
  • Apple333
    2018-6-7
    @夕阳刻痕 内联改样式 怎么改?
    0 回复
  • 找到对应的HTML结构,在标签上修改,
    eg: <a style="color:white">忘记密码</a>
    0 回复
  • Apple333
    2018-6-7
    @夕阳刻痕
    这种我不是写了,还是说你这个 eg: <a style="color:white">忘记密码</a> eg:是什么意思?
    0 回复
  • @Apple333 你设置的html标签不对呀,f12看审查元素 ‘记住密码’的渲染不是在input 上,而在span上
    0 回复
  • Apple333
    2018-6-7
    @夕阳刻痕 那该怎么写
    0 回复
  • var $span= $('#remove').next().children()[0];
    $span.setAttribute('style','color:red');
    0 回复
  • Apple333
    2018-6-7
    @夕阳刻痕
    写在哪里?
    0 回复
  • 应该在 form.render()之前
    0 回复
  • Apple333
    2018-6-7
    @夕阳刻痕 你这行代码是什么意思,我 form.render放在之前,颜色没改变,而且提交无效果了
    0 回复
  • 删除掉 form.render();这是重新渲染的写法,这里不需要
    0 回复
  • Apple333
    2018-6-7
    @夕阳刻痕
    <script type="text/html" template>
    <link rel="stylesheet" href="{{ layui.setter.base }}style/login.css?v={{ layui.admin.v }}-1" media="all">
    </script>
    <div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
    <div class="login_frame">

    <div class="layadmin-user-login-main">
    <div class="header">
    </div>
    <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
    <div class="layui-form-item">
    <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-username"></label>
    <input type="text" name="username" id="LAY-user-login-username" lay-verify="required" placeholder="输入你的账号" class="layui-input">
    </div>
    <div class="layui-form-item">
    <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="LAY-user-login-password"></label>
    <input type="password" name="password" id="LAY-user-login-password" lay-verify="required" placeholder="输入你的密码" class="layui-input">
    </div>
    <div class="layui-form-item" style="margin-bottom: 20px;">
    <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
    <a lay-href="/user/forget" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>
    </div>
    <div class="layui-form-item">
    <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
    </div>
    <div class="ui">
    <a lay-href="" class="layadmin-user-jump layadmin-link">客户端下载</a>
    <a lay-href="/user/reg" class="layadmin-user-jump-change layadmin-link">注册帐号</a>
    </div>
    </div>
    </div>
    </div>

    <script>
    layui.use(['admin', 'form', 'user'], function () {
    var $ = layui.$
    , setter = layui.setter
    , admin = layui.admin
    , form = layui.form
    , router = layui.router()
    , search = router.search;
    //form.render();
    var $span = $('#remove').next().children()[0];
    $span.setAttribute('style', 'color:red');//放这无效
    //提交
    form.on('submit(LAY-user-login-submit)', function (obj) {

    //请求登入接口
    admin.req({
    url: './json/user/login.js' //实际使用请改成服务端真实接口
    , data: obj.field
    , done: function (res) {

    //请求成功后,写入 access_token
    layui.dat0;//放这无效
    $span.setAttribute('style', 'color:red');
    });
    //var random_bg = Math.floor(Math.random() * 3 + 1);
    //var bg = '/img/login_bg0' + random_bg + '.jpg';
    //$(".login-background-img > img").attr("src", bg);
    //var $span = $('#remove').next().children()[0];//放在这什么都没了
    //$span.setAttribute('style', 'color:red');
    </script>
    0 回复
  • Apple333
    2018-6-7
    <script>
    layui.use(['admin', 'form', 'user'], function () {
    var $ = layui.$
    , setter = layui.setter
    , admin = layui.admin
    , form = layui.form
    , router = layui.router()
    , search = router.search;

    //form.render();
    var $span = $('#remove').next().children()[0];//无效
    $span.setAttribute('style', 'color:red');
    //提交
    form.on('submit(LAY-user-login-submit)', function (obj) {

    //请求登入接口
    admin.req({
    url: './json/user/login.js' //实际使用请改成服务端真实接口
    , data: obj.field
    , done: function (res) {

    //请求成功后,写入 access_token
    layui.dat0;//无效
    $span.setAttribute('style', 'color:red');
    });
    //var $span = $('#remove').next().children()[0];//啥都没
    //$span.setAttribute('style', 'color:red');
    </script>
    0 回复
  • @Apple333 你要给<input type="checkbox" id="remove" name="remember" lay-skin="primary" title="记住密码"> 设置一个id呀
    0 回复
  • Apple333
    2018-6-7
    @夕阳刻痕 我以为你那句代码就单纯的清除样式,就没注意看,[汗]
    谢谢,
    0 回复
  • 网警
    2018-6-12
    您好,你的言论已被记录,请3日之内携带本人身份证来就近派出所处理,谢谢合作
    0 回复