ivew input 去除边框和点击时不出现边框

最新推荐文章于 2024-01-02 20:11:06 发布

高阳岗

最新推荐文章于 2024-01-02 20:11:06 发布

阅读量465

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/qq_30832781/article/details/108451658

版权

问题描述：

ivew input 去除边框和点击时不出现边框

新建一个class
<Input class="test" ..../>

新建一个标签 不带 scoped
<style lang="less">
    .test{
        .ivu-input {
            border:0px; -- 不出现边框
            border-bottom: 1px solid #d2d2d2 !important;
            border-radius:0px;
            background-color: #fff;
        }
        
        --点击不出现边框
        .ivu-input:focus{
            outline:none;
            border:none;
            box-shadow: 0 0 0 2px transparent;
        }
    }
</style>