首页 > 其他分享 >el-input样式修改

el-input样式修改

时间:2023-07-25 15:55:57浏览次数:20  
标签:__ el 样式 修改 input color

我们在使用第三方提供的开源组件的时候,基本上都会存在修改样式的问题。

比如Element ui 中的el-input

 

样式与项目中的不一致,那么就得修改。那应该如何来处理呢?

按钮command(mac)进入定义的文件中:

找到了“后置元素的class”,然后就可以修改了。

<style lang="scss" scoped>
    ::v-deep .el-input-group__append {
    background-color: #0000ff;
    border: 1;
    font-size: 15px;
    color: #fff;
}
</style>

上面的效果:

 

 

标签:__,el,样式,修改,input,color
From: https://www.cnblogs.com/jiduoduo/p/17580066.html

相关文章

  • 使用 bat 脚本调用 powershell 脚本时遇到的问题
    如果powershell脚本中,有一些涉及相对路径的操作,会发现这样运行的powershell并不是在期望的目录中,需要重新设置一下当前工作目录:powershell-CommandSet-Location-LiteralPath"%cd%";".\test.ps1"通过Set-Location命令即可实现此需求。参考:https://stackoverflow.co......
  • 1.2 HELLO 三角形
    这一节,我觉得是相当有难度的。渲染一个三角形,就需要介绍GLSL语言,图形渲染管线(GraphicsPipeline)以及着色器(Shader),标准化设备坐标(NDC)等诸多概念。图形渲染管线和坐标系统的变换当然很重要,但是我们现在还不需要懂,只要暂且弄懂这几件事就好了。目录至少要知道这个吧:我们在干啥?需要......
  • /tmp/ccVJLYWf.s:589: Error: selected processor does not support `cpsid i' in ARM
    linux20@ubuntu:~/Desktop/new$arm-none-eabi-gcc-cec_main.c/tmp/ccVJLYWf.s:Assemblermessages:/tmp/ccVJLYWf.s:589:Error:selectedprocessordoesnotsupport`cpsidi'inARMmode编译时遇到这个问题应该如何解决这个错误信息表明您的代码中使用了cpsidi指令,但......
  • vscode code helper占用大量CPU
    解决方法。1、去掉跟踪过滤。查一下百度一大堆。2、基本上1没多大作用3、所以使用禁用所有插件功能。插件-》扩展-》三个点-》禁止所有插件4、然后再开自己需要的插件5、问题解决。......
  • 通过iptables转发后的端口telnet通但是curl不通的问题
    今天遇到一个问题,一个隔离安全域的服务器需要访问承载网上的gitlab,但是无法直接做互通,所以需要通过iptables转发一次。完成iptables规则后,发现telnet端口是通的但是curlhttp:地址加端口就会返回不通。于是不停的改iptables规则,甚至放行forword规则,最后检查发现是存在外网的代理(代......
  • 1.1 HELLO 窗口
    跟着教程,开始第一步创建窗口吧!这一节不涉及太多知识。本节会出现一些名词,我们现在只需要知道它们大概是干什么的就行。●GLFW:一个专门针对OpenGL的C语言库,通过它提供的接口,我们就可以渲染物体了;●GLAD:用来管理OpenGL函数指针的库,在调用所有OpenGL函数之前,我们要初始GLAD;●......
  • Form和ModelForm组件
    1.为什么使用form和modelform1.1不使用form时 当不用form时,想校验浏览器发来的数据需要使用很多request.Post.get拿到信息,再写函数进行逐个校验1.2使用form 不用再在视图函数内进行校验 Form功能:数据校验,自动生成HTML对应的标签,初始化 ......
  • 自动化测试 | python | self说明
    1.从函数的语法上讲,self是形参,就可以是任意的变量名,只不过我们习惯性将这个形参写作self。 2.self是普通的形参,但是在调⽤的时候没有传递实参值,原因是,Python解释器在执⾏代码的时候,⾃动的将调⽤这个⽅法的对象传递给了self,即self的本质是对象。 3.......
  • 视频直播源码,Android自定义Spinner样式
    视频直播源码,Android自定义Spinner样式设置Spinner的背景图,如下代码:   <Spinner          android:id="@+id/sp_gender"          android:layout_width="match_parent"          android:layout_height="mat......
  • calico报错son: cannot unmarshal string into Go struct field NetConf.mtu of type
     于是describe查看宿主机的配置文件查看日志没有相关日志查看calico的相关配置文件值找到于是想着直接去修改calico的Configmap发现修改不成功便去查询宿主机映射的calico挂载文件把标记部分的string给成int去掉双引号,然后重启calico然后通过ansible分发到每台机器上an......