element ui 调整input高度

最新推荐文章于 2024-03-04 16:14:02 发布

原创最新推荐文章于 2024-03-04 16:14:02 发布 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种登录表单的设计方案，详细展示了如何使用CSS为登录表单设置边框、背景颜色及圆角等样式，并通过调整输入框的高度提升用户体验。

    .login-form {
        .el-form-item {
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            color: #454545;
            margin-bottom: 40px;

            // 调整input高度
            .el-input--medium .el-input__inner {
                height: 66px;
                line-height: 66px;
            }
        }
    }