关于1px边框像素用border.css处理的在input上使用问题

来源：7-1 Vue项目首页 - header区域开发

慕梦前来

2020-08-16

在input或input的父级元素使用border的class时用使得input无法被触发获得焦点。看了一下原来是，这个边框是用绝对定位的，盖着了input元素，暂时用的是将input的z-index加大，但是总解决这个不是好的解决办法，请问一下老师可以用更好的方法，完善一下border.css这个文件给这个问题优化一下吗？

写回答

1回答

Dell

2020-08-23

已采纳

目前这个方案相对已经不错了，其他的方案后续我调研一下，看是否跟进更新下课程。

慕梦前来

老师，这个问题我有一个方案就是用pointer-events: none;这个样式来处理，让其他只可见而不影响任何的元素，在.border::before, .border-top::before, .border-right::before, .border-bottom::before, .... 的元素上加上这个样式，即可

2022-12-08

共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程

相似问题

引入了border.css只对1像素边框起作用吗？

回答 1

为什么加了class=“border-bottom"会有1像素的边框？

回答 2

为啥在main.js中引入了border.css，class="item border-bottom"不起作用

回答 2

如果采用封装好的1px边框,怎么删除列表循环最后一项下边框

回答 1

为什么要引入border.css?

回答 1

打开慕课网App查看更多内容