antd改变Select样式时，选中有删不了的小框

最新推荐文章于 2023-10-24 15:46:18 发布
最新推荐文章于 2023-10-24 15:46:18 发布
阅读量416 收藏
点赞数
分类专栏： antd 文章标签： react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42983685/article/details/120512952
版权

在这里插入图片描述

抓元素都注意到了
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{
border:0 !important;
border-radius: 0;
}
是↑的锅，但是border什么的设置了没有用
其实是box-shadow的问题，设为none就好了

敲代码的狮子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
修改antDesign中Select下拉菜单样式
m0_52908101的博客
06-29 2642
先在父节点div中定义一id：<div id="dropFather">在使用popupClassName="drop" ，在less中写需要的样式。就可以在Elements中看到option了。菜单渲染父节点，默认渲染到 body 上。antd版本需大于4.23.0。
ant-design-vue中修改select中默认项的颜色背景
weixin_47062100的博客
12-02 1486
在ant-design-vue中修改selec组件的颜色背景
Input、Select disable下样式覆盖
wuChiSha的博客
09-16 815
设置antd中Input和Select组件在disable下的样式
antd Select 清除外边框
pauline_的博客
08-06 2242
.ant-select:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-color: transparent; box-shadow: none; }
ant-design-vue 修改ant-input disabled样式（原先样式他们觉得太深了，把字体原色改明显了，背景色改浅了）
今日最可爱YeahT
05-08 8941
在src目录下新建一个common.less文件，在main.js里面引入这个文件 common.less覆盖原先的样式 /*覆盖ant-design-vue 样式**/ .ant-input[disabled] { color: rgba(0, 0, 0, 0.6); background-color: #f9f9f9; } .ant-select-disabled...
解决Antd 里面的select 选择框联动触发的问题
01-22
有两个 select框，且这俩select框是关联的，触发select1，select2里面才会有值。 但是现在的问题是这样的： 触发select1，触发select2，再触发select1，此时select2里面的值变成了上次一选中的value 值，而不会被...
解决vue 更改计算属性后select选中值不更改的问题
08-27
解决 Vue 中计算属性更新后 Select 选中值不更新的问题 Vue 是一个流行的前端框架，它提供了强大的计算属性功能，允许开发者根据需求动态计算并更新页面数据。但是，在使用计算属性时，可能会遇到一些意外的问题，...
在antd Form表单中select设置初始值操作
01-18
我就废话不多说了，大家还是直接看代码吧~ <Form.Item label=作用对象> {getFieldDecorator('targetId', { initialValue: this.state.targetId }, { rules: [{ required: false, message: '作用对象' }]...
antd的select下拉框因为数据量太大造成卡顿的解决方式
01-22
相信用过antd的同学基本都用过select下拉框了，这个组件数据量少的时候很好用，但是当数据量大的时候，比如大几百条上千条甚至是几千条的时候就感觉一点都不好用了，卡的我怀疑人生，一点用户体验都没有了。...
深入理解Antd-Select组件的用法
10-15
综上，针对Antd-Select组件在处理大量数据时的性能挑战，开发者可以采取多种策略进行优化，包括但不限于延迟加载、分页、过滤优化等，以提升用户体验。在实际应用中，应根据具体场景选择合适的方法，并结合代码优化...
清除antd中的select点击默认有蓝色边框
m0_57457086的博客
08-30 1999
.ant-select-selection__rendered { height: 100%; } .ant-select-selector { border: none !important; } .ant-select-selection { border: none !important; box-shadow: none; }
Antd Vue中Select选择器多选模式下只选中一条禁止删除实现
最新发布
qq_38019052的博客
10-24 813
插槽自定义删除图标，当选中数据数组长度大于1时显示。选择器只选中一条选项时，去掉删除按钮。
antd design 中Select选择器allowClear清除属性失效
weixin_44339178的博客
07-08 2525
antd design 中Select选择器allowClear清除属性失效
antdesign vue中table表格选中项的清除问题
热门推荐
m0_52457943的博客
04-01 1万+
项目场景： 最近做项目的时候用到了antdesign 框架中的table表格，可以选择表格项 从antd官网复制的下面方法，点击其他按钮刷新selectedRowKeys发现清除不了选中项的缓存 如下图所示，选中项再打开页面仍然存在 问题描述 按照antd官网的方法 <template> <a-table :row-selection="rowSelection" :columns="columns" :data-source="data" /> </template&gt
antd样式覆盖问题
sunzhen15896的博客
03-01 2174
css用body套一下所有样式 body{ .form { margin: 20px; .flexRow { display: flex; flex-direction: row; } .inputOther { width: 150px; margin-left: 10px; margin-right: 10px; text-align: center; border-top:
antd的select不用disabled保留删除功能的别样“禁用”——隐藏下拉菜单
qq_40179700的博客
10-12 4714
最近在使用antd的select的组件时，需要用到多选框，需求时多选框的值不能从下来菜单式里取得，而是完全受控，且使用删除功能。 如果是单选框，那么使用disabled就可以禁用选择器。 但是使用多选框并想依旧使用多选的删除tag的功能时，使用disabled是不能满足的，而且disabled时的灰色样式也会影响整体展示。 这时就可以使用这个神奇的方法——隐藏下拉菜单（比你想象中的更加容易） 不需要自己去寻找下拉菜单的类名，api中早已给出答案，dropdownClassName。 <Select
vue antdesign的下拉选项组件Select在多选场景下,控制不可选择选项的回显问题
hjww_01的博客
03-22 4830
背景 采用的是ant design 里面的select组件，多选模式，在编辑的场景下，回显已选择多选项。 要求 有些已选中的值在下拉选项里不可再选择，只能保留，或者删除该选中值。 解决方案 一开始尝试将不可选择的选项加上属性值 disabled，该项（op2）就可显示在已选选项中，但却不支持删除，不满足目的。 最终解决方案：接口中返回【所有】下拉选项，把一些不能选择的选项加上属性值 hidden，值为true，就可以该选项，又可以回显选中项的名称 解决思路来源： https://github.com/a
修改antd组件样式之select
qq_49975871的博客
12-17 2612
修改antd组件样式之select
antd的Select组件设置允许不选中任何项
06-03
可以设置`allowClear`属性为`true`，这样就可以在Select组件中显示一个清除按钮，点击清除按钮后就可以将选中的项清除掉，从而不选中任何项。示例代码如下： ```jsx import { Select } from 'antd'; const { ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值