Filecoin 微信公众号开发 数据算法 html object pygame tree coldfusion vue组件开发 建站一条龙 oracle查询所有数据库 iot系统 chrome发送post请求 bootstrap颜色 java 大文件上传 python自学教材 java编程基础 java函数 java泛型的使用 java代码注释 php入门例子 p2pover matlab2016a安装教程 超星网课助手 魔兽七个人 win10有哪些版本 js获取数组长度 deepcopy vs2012中文旗舰版下载 1500左右性价比最高的手机 优酷app播放器下载 苹果手机怎么微信双开 php验证码 idea下载 lol世界第一 戴尔xps怎么样 class选择器 巫师3福利 网红男头像 编译软件
当前位置: 首页 > 学习教程  > 

【elementUI样式】实现 element-ui el-input 组件获得焦点后边框样式修改

2020/10/16 18:01:32 文章标签: input边框颜色

【实现效果】获得焦点后 el-input 边框高亮 【问题】 之前常用 :focus 处理 input 获得焦点后样式的修改,但是 elementui 中要修改的其实并不是 input 标签的样式,而是封装的一个 el-input 组件,其实是一个 div,需要实现 el-inpu…

【实现效果】获得焦点后 el-input 边框高亮

【问题】

之前常用 :focus 处理 input 获得焦点后样式的修改,但是 elementui 中要修改的其实并不是 input 标签的样式,而是封装的一个 el-input 组件,其实是一个 div,需要实现 el-input 组件中的 input 获得焦点后,修改最外层 div 的样式,仍用 :focus 是没法修改的

【解决】

使用一个不常用的伪类选择器 :focus-within 来解决,它表示一个元素获得焦点或该元素的后代元素获得焦点。

【参考】

https://www.cnblogs.com/coco1s/p/9406413.html


本文链接: http://www.dtmao.cc/news_show_300289.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?