Element VUE修改 el-input和el-select长度

• 前端

 没有设置样式之前，采用默认样式，界面如下：

Element VUE修改 el-input和el-select长度

 模拟代码如下

    


    
         有效
         无效

 为了美观需要修改下样式，使文本框与下拉框的长度一致

Element VUE修改 el-input和el-select长度

第一种：添加style属性，采用行内样式修改长度



Element VUE修改 el-input和el-select长度


 第二种：添加class属性，采用内部样式


Element VUE修改 el-input和el-select长度


 stule标签中设置长度


	.test{
		width: 200px;
	}



第三种：找到element-ui.scss，采用外部样式


Element VUE修改 el-input和el-select长度


//设置form表单输入框，下拉框长度统一
  .el-form-item {
    .el-input {
      width: 200px;
    }
    .el-select{
      width: 200px;
    }

  }

                                                        
本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/380c9b7d00.html
                        

                        

                            

                            

                                
 赞 (0)


                                                            


                            

                                

                                                                        

                                        

                                                                                                                                                                            

                                        
                                        

                                            
                                        

                                    

                                

                            


                            

                                                                    

                                        
                                        

                                            « 上一篇
                                            1天前
                                        

                                    

                                                                                                    

                                        
                                        

                                            下一篇  »
                                            1天前
                                        

                                    

                                                            

                                                        
相关推荐