修改el单选框被禁用时选中的颜色

已于 2023-05-29 17:00:02 修改
阅读量1k 收藏
点赞数 1
文章标签： css html vue.js
于 2023-05-08 14:55:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48179363/article/details/130559112
版权

/deep/.el-radio__input.is-disabled.is-checked .el-radio__inner {

    background-color: #409EFF;

    // border-color: #E4E7ED;

}

//禁用时字体颜色

/deep/.el-input.is-disabled .el-input__inner {

    border-color: #E4E7ED;

    color: #606A76;

}

✔Suyer.
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
10-18
下面小编就为大家分享一篇解决Jstree 选中父节点时被禁用的子节点也会选中的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
RadioGroup实现单选框的多行排列
01-06
不过运行起来发现了了一个bug—单选按钮不在是单选了．而且选择事件不会被监听到．这就要求我们去想办法了．其实实现起来也不难．只要多用几个RadioGroup就可以了（要在代码中处理一些事件）。 上代码： 1.xml中的...
elemnet UI table 根据 数据状态，禁用 多选框 并 改变背景颜色
灰太郎
10-23 617
element表格如下 <el-table :row-class-name="tableRowClassName" ref="pageTable" row-key="oid" :data="tableData" style="width: 100%"> <el-table-column type="selection" width="55" reserve-selection :selectable="selectEvent"> </el-table-colu.
element-select disabled只读后修改css字体颜色不生效
qq_34234337的博客
06-27 1301
【element-select disabled只读后修改css字体颜色不生效】 今天想做一个动态改变select框字体颜色发现修改不了，原来是select使用disabled，它使用的优先级比color更高的-webkit-text-fill-color，导致怎么设置颜色都无效。重新设置一下-webkit-text-fill-color即可，因为是局部使用的所以加了class（special-color）
Vue 中动态与静态处理 Element UI/Element Plus 组件禁用状态样式
最新发布
Yeats_Liao的博客
05-10 501
Vue 中动态与静态处理 Element UI/Element Plus 组件禁用状态样式
【Element】自定义修改el-select的禁用框样式
IU
12-01 2084
使用stylus写的，自行修改格式. /deep/.el-input.is-disabled .el-input__inner background-color #5f5f61 !important border-color #373a43 color #C0C4CC cursor not-allowed
vue element ui 修改 el-checkbox的禁用状态下的颜色
骨子里的偏爱
03-28 2724
vue element ui 修改 el-checkbox的禁用状态下的颜色
解决input框中加入disabled=“disabled“之后，改变字体的颜色（默认的是灰色）
00年女程序员分享自己的学习笔记
07-21 5288
此问题，以解决input框中加入disabled=“disabled“之后，改变字体的颜色（默认的是灰色）为例。我们要设置那个input样式时，要深入选中class=“el-input_inner”
修改input的disabled状态下的字体颜色
Cheris_LT的博客
01-05 1606
使用：webkit-text-fill-color，完事 /deep/ .van-field__control:disabled { -webkit-text-fill-color: #323233; }
三种取消选中单选框radio的方法
09-04
取消选中单选框radio，第一种，第二种方式是使用jQuery实现的，第三种方式是基于JS和DOM实现的，大家可以看看下面的示例
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
10-16
今天小编就为大家分享一篇浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE_ELEMENT el-input修改禁用后字体颜色
FFFAN_KIKI的博客
11-09 2636
修改后：呈现深灰色，字体颜色加深，增强视觉表现力。修改前：呈现浅灰色，用户表示看着眼花。代码，在style里面加入。
修改element单选框禁用之后的颜色自定义
CHENC0518的博客
07-04 1194
【代码】修改element单选框禁用之后的颜色自定义。
修改el-input 禁用状态下的字体颜色
z17864151193的博客
10-30 6756
<div class="input"><el-input class="rt-input" :disabled value="你好></el-input></div> <style scoped> .rt-input /deep/ .el-input__inner { color: rgb(92, 112, 234) !important; cursor: pointer; } vue组件中，在style设置为scoped的时候，里面..
设置el-checkbox复选框禁用时，对号&文本的颜色
qq_38969618的博客
10-21 1640
【代码】设置el-checkbox复选框，禁用时勾选对号的颜色。
el-select禁用功能扩展
jl____的博客
05-15 601
el-select置灰扩展
el-select option换颜色
baidu_38492843的博客
04-10 1248
elementplus中 给el-select标签加:teleported="false" 再设置样式；popper-append-to-body再elementplus中被弃用。element中 给el-select标签加:popper-append-to-body="false" 再设置样式。
解决了一个大问题，select标签设置disable后ie修改默认字体颜色暂时解决，去除了灰色
kiven的博客
03-11 6770
找了很多资料，终于在科学上网后找到了一个方法，虽然暂时不知道原理，但是已经实现了功能就是好的 目前这个样式只支持Ie10以上的 原文来自：http://www.bloggeng.com/archives/229 select[disabled='disabled']::-ms-value { color: #000; }
elementui单选框点不动
08-27
您好！对于 ElementUI 的单选框无法点击的问题，可能有几个原因导致。以下是一些常见的解决方案： 1. 确保引入了正确的 ElementUI 组件：首先，确保您在代码中正确引入了 ElementUI 的单选框组件。您可以在页面的 `<template>` 标签中使用 `<el-radio>` 标签来创建单选框。 2. 检查组件绑定的值：单选框需要通过 `v-model` 指令与一个变量进行双向绑定。请确保您正确绑定了一个合适的变量，以便正确显示和更新单选框的选中状态。 3. 检查是否禁用了单选框：ElementUI 的单选框组件提供了 `disabled` 属性，用于禁用单选框。如果您设置了该属性为 `true`，则单选框将无法点击。请检查是否意外禁用了单选框。 4. 检查样式和布局问题：有时候，样式和布局问题可能导致单选框无法点击。请确保单选框的父元素没有设置了过大的宽度、高度或溢出隐藏等属性，以免覆盖了单选框导致无法点击。 如果仍然无法解决问题，请提供更多的代码或详细描述，方便我更好地帮助您解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值