element-select disabled只读后修改css字体颜色不生效

最新推荐文章于 2024-07-19 22:22:29 发布
最新推荐文章于 2024-07-19 22:22:29 发布
阅读量1.7k 收藏 2
点赞数
文章标签： css 前端 elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_34234337/article/details/131420473
版权

在这里插入图片描述
在这里插入图片描述
今天想做一个动态改变select框字体颜色发现修改不了，原来是select使用disabled，它使用的优先级比color更高的-webkit-text-fill-color，导致怎么设置颜色都无效。如图
在这里插入图片描述
解决方法：
重新设置一下-webkit-text-fill-color即可，因为是局部使用的所以加了class（special-color）
在这里插入图片描述

qq_34234337
关注
解决elementUI select 的disabled属性设置无效问题一例
10-27 6428
解决elementUI select 的disabled属性设置无效问题一例
3 html5之css新选择器和属性
最新发布
u013776700的博客
09-04 335
要说css的变化那是发展比较快的，新增的选择器也很多，而且还有很多都是比较实用的。这里举出一些案例，看看你平时都是否用过。1 新增的一些写法：1.1 导入css这个是非常好的一个变化。这样可以让我们将css拆分成公共部分或者多个模块化的css,然后在需要的地方按需导入实用。1.2 变量和函数变量这个自然不用多说，大家用的可能比较多，但是大家也要注意变量的作用域问题。函数这里重点谈一下。attr函数：函数用于获取被选中元素的某个 HTML 属性值，并在样式文件中使用该值。
修改el单选框被禁用时选中的颜色
冬瓜的博客
05-08 1460
/deep/.el-radio__input.is-disabled.is-checked .el-radio__inner { background-color: #409EFF; // border-color: #E4E7ED;}
select修改某个选项的字体颜色不生效的问题
xingguangtu的博客
12-23 1624
今天希望设置select下拉框第一个选项为灰色，其他选项为黑色时，在option标签中设置style却不生效，最后利用jquery的change方法实现该需求： var unSelected = "#666666"; var selected = "#000000"; $("select").css("color", unSelected); $("option").css("color", selected); $("select").change(
IE6 7 select option设置disabled无效
weixin_34160277的博客
03-31 222
系统单据的一个分类需要禁用（不是删除）,做单据的表单是用的下拉列表，马上就想到了 把那个option disabled. 1: function diableSelectItem(id,v){ 2: var el = document.getElementById(id); 3: for(var i=0,j = el.optio...
elementUI el-select 中disabled设置
热门推荐
weixin_33963594的博客
12-13 3万+
<el-select v-model="userForm.roleName" placeholder="请选择用户角色" :disabled="userForm.roleName==='超级管理员'?true:false" clearable> <el-option label="web管理员" value="web">&a
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6957
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
前端必修技能：高手进阶核心知识分享 - CSS伪类和伪元素
uu0216的博客
07-19 1170
伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。 伪类选择器和伪元素选择器虽然不是真正的元素，但它们在CSS中扮演着极其重要的角色。了解并熟练运用它们，可以让你的网页更加生动、互动性更强，同时也能更好地控制页面的布局和内容的表现。
DIV+CSS学习笔记总结篇
qianduan666a的博客
07-29 1020
DIV+CSS学习笔记总结篇 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位： web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望： 未来IT行业企业需求最多的人才 结合最新的html5抢占移动端的市场 自己创业做老板 随着互联网的普及web开发成为企业的宠儿和核心 web职业发展目标： 第一、梳理知识架构 负责内容的HTML 负责外观的css（层叠样式表） 负责行为
HTML5与CSS3及Less
w18789476022的博客
11-21 803
软件 软件的分类 系统软件：Windows、Linux、macOS. 应用软件：office、qq 游戏软件：王者荣耀 软件的组成 通常情况下，现在的软件由两个部分组成： 客户端：用户通过客户端来使用软件。 客户端的形式： （1）文字客户端：古老的方式，通过命令行来使用软件。 （2）图形化界面：通过点击拖动等来使用软件。 （3）网页：通过访问网页来使用软件。所有的网站都属于这个范畴。（B/S架构：Browser/Sever） 网页的特点：相较于传统的图形化界面，网页具有如下一些优点： 不需要安装；无需
关于el-select选择不起作用
幻想的天空
02-09 2302
v-model="this.supplierId"这样是不起作用的
基于element-ui对form表单进行验证时，el-select不起作用问题
janessssss的博客
04-17 1万+
如下图： 对el-select加了如下的验证 enterpriseType: [ { required: true, message: "企业类型不能为空", trigger: "blur"} ], 再选择之后 提示message依然不消失 找了很多，最后发现就是一个很简单的设置问题 把rules里的这条改成： enterpriseType: [ { req...
Element UI非活性时（Disabled），改变字体颜色
捷锐优快云专栏
11-24 4078
Element UI组件在非活性时（Disabled)，字体颜色太淡，显示不清楚，加上以下样式，就可以改变字体颜色了。
Vue中解决 el-select 选中颜色不生效的方法
大剑师兰特的GIS世界
06-10 2248
第007个在vue和element UI联合技术栈的操控下，本专栏提供行之有效的源代码示例和信息点介绍，做到灵活运用。
layui中select disable不起作用，checkbox样式无法显示
qq_41617901的博客
08-21 1565
1.当在使用jquery操作DOM对象，让select标签disable，这是没有禁用效果； 2.当你拼接html字符串，最后append当Dom中的，这时对应input type=checkbox的layui样式没有显示； 当进行以上操作时： 记得写上如下代码： form.render(); 记得在Layui中render是十分重要的。 ...
el-select添加表单校验，不起作用问题
qq_34082921的博客
05-26 874
检查rules,里面校验提示的事件是否正确，el-select校验规则里面的trigger应该是change，el-select验证只能用change事件。
el-select的错误提示不生效、el-select验证失灵、el-select的blur规则失灵
maktoub的博客
03-30 1753
就是很奇怪，如果鼠标从下拉列表里面移动出来，他不会提示信息，只有在最后面提交表单的时候才会提示。blur.capture.native 会在子组件上直接绑定原生的 blur 事件，并且在事件触发时会从内层向外层逐级捕获，直到根组件
el-tooltip disabled属性失效
txf666的博客
06-16 2708
el-tooltip disabled属性失效 动态判定是否出现el-tooltip的时候出现了这么一个问题：点击第一次会出现效果，后面点击即使满足条件 !tag.name.length 也再也没有出现el-tooltip的效果。 <template v-for="(tag, index) in selectUsersArray"> <el-tooltip :content="tag.name" :disabled="Boolean(tag.name.length<6)" plac
input输入框设置readonly属性后更改字体颜色
twodays11的博客
08-16 2005
根据业务需求，需要将属性赋值之后改变为不可更改状态。 设置成不可更改有两种方法： 1.readonly 2.disabled 他们两者的区别： 1.readonly只针对input等有效，可以更改字体的颜色 2. disabled对选择框、下拉框等有效，默认是灰色，不能更改字体颜色。 怎样添加readonly： 怎样添加disabled： 给readonly更改字体颜色：（更改颜色放在添加readonly之前） ...
element-plus el-pagination 修改字体颜色
10-25
根据提供的引用内容，element-plus el-pagination 是一个基于 Vue.js 的 UI 组件库，其中 el-pagination 是一个分页组件。如果你想修改 el-pagination 的字体颜色，可以通过以下步骤实现： 1. 在你的 CSS 文件中添加以下代码： ``` .el-pagination__pager li:not(.disabled).active a { color: #ff0000; // 这里的 #ff0000 是你想要设置的字体颜色 } ``` 2. 将上述代码中的 #ff0000 替换为你想要设置的字体颜色。 3. 将 CSS 文件引入到你的 HTML 文件中。 ``` <link rel="stylesheet" href="your-css-file.css"> ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值