el-input的color修改无效问题

摘要:
我相信很多前端初学者和我一样,也遇到过el input颜色修改无效的问题,如下图所示:我想将el input中的文本更改为蓝色,但我使用的方法总是无法修改:打开调试界面,找到与el input对应的样式,找到样式下面的颜色,并修改其颜色以查看界面上的el输入颜色是否会改变。如果是这样的话,就是这个类,步骤如下:在调试器中更改颜色之前:在将其更改为蓝色之后:然后我可以

相信很多前端初学者跟我一样也遇到过el-input的color修改无效问题

如下图:我想把el-input里面的文字改成蓝色,但是使用总是失败

el-input的color修改无效问题第1张

修改方法:打开调试界面,找到el-input对应的style样式,找到style下面的color,对其进行颜色修改,看界面上的el-input颜色是否会发生改变,若是改变,那么就是这个类了,

步骤如下

修改调试器里面的color之前:

el-input的color修改无效问题第2张

修改为蓝色之后:

el-input的color修改无效问题第3张

那么我这里可以修改el-input的类就是color上面的.el-input.is-disabled .el-input__inner,(这里是自己的调试器上的类,不能照抄)

但是我将其修改为这个类之后发现还是无法完成文本颜色修改,然后经指点,需要在两者之间加一个/deep/, 即.el-input.is-disabled /deep/ .el-input__inner,(/deep/两端有空格),然后就完美解决了,希望对大家有所帮助

免责声明:文章转载自《el-input的color修改无效问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Jenkins 构建JavaHelloWorld从决策树到随机森林下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

AJAX全套

概述  对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上。 AJAX类似于偷偷像后台发送数据。 1、传统的Web应用 一个简单操作需要重新加载全局数据 2、AJAX AJAX,Asynchronous JavaScript and XML (异步的Ja...

linux系统下memcached启动正常但程序无法连接的问题解决

在虚拟机linux安装好memcached之后,试着用java程序连接一下memcached的服务端,但却出现了以下错误 com.schooner.MemCached.SchoonerSockIOPool Fri Jan 09 09:45:59 CST 2015 - ++++ failed to get SockIO obj for: 192.168.16...

input输入框默认文字,点击消失

经过查询,发现2种实现方式: 1. <input type="text" value="请输入用户名" onfocus="if(value=='请输入用户名') {value=''}" onblur="if (value=='') {value='请输入用户名'}"> 直接在input中定义onfocus和onblur事件,缺点:鼠标一离开就...

js 实时监听input中值变化

注意:用到了jquery需要引入jquery.min.js。 需求: 1.每个地方需要分别打分,总分为100; 2.第一个打分总分为40; 3.第二个打分总分为60。 注意:需要判断null、""、isNaN()(是否是数字:如输入的是字母"a")、输入数值大小范围不能超过规定的总分;    如果为null、""、isNaN为true、输入数值大小范围超过...

java(计算机)常见加密算法详解

  来源:http://blog.csdn.net/janronehoo/article/category/1152295  如基本的单向加密算法: BASE64 严格地说,属于编码格式,而非加密算法 MD5(Message Digest algorithm 5,信息摘要算法) SHA(Secure Hash Algorithm,安全散列算法) HMA...

Android系统--输入系统(十一)Reader线程_简单处理

Android系统--输入系统(十一)Reader线程_简单处理 1. 引入 Reader线程主要负责三件事情 获得输入事件 简单处理 上传给Dispatch线程 InputReader.cpp void InputReader::loopOnce() { ...... size_t count = mEventHub->ge...