html表单下拉列表长度,Element UI默认的输入框和下拉框长度不一?

在使用Element UI创建表单时,发现下拉选择框的宽度与输入文本框不一致,即使未修改样式。官方文档中显示两者宽度相同。本文通过代码示例展示了这个问题,并提供了相关CSS样式以解决宽度差异。
摘要由CSDN通过智能技术生成

按照Element UI官网文档写的表单,官网上输入文本框和下拉选择框长度是一致的,而我在没有更改相关样式的情况下,下拉选框却比文本框要短?

如图:

bVbpfnN?w=517&h=613

下面是官网的截图:

bVbpfn7?w=731&h=351

可以看到官网的下拉选择框是和输入框一致的宽度。

下面是我的单页代码:

Yeoman在线后台管理系统

注册

import { Notification } from 'element-ui'

export default {

name: 'register',

data () {

const checkPass = (rule, value, callback) => {

if (value !== this.registerUser.password) {

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值