【问题标题】:Remove selection effect in input command删除输入命令中的选择效果
【发布时间】:2019-03-19 06:56:48
【问题描述】:

我想为我的输入框设置边框,但在选择它时我不需要额外的边框。我的意思是,在选择框之前,它是完美的,但是当您选择它时,会出现一些边框。我不要他们。当我单击该框时,您会看到会发生什么:

Selection

我希望我的盒子在点击之前保持原样

【问题讨论】:

    标签: html css select input border


    【解决方案1】:

    在您链接到的图像中,我假设底部显示了您希望显示的输入,只有底部蓝色边框。并且顶部显示的输入带有蓝色的顶部、右侧和左侧边框,当您在输入内部单击以进行输入时会出现该边框。

    如果是这种情况,您只需将以下 css 应用于您的输入:

    input {
      border-top: none;
      border-right: none;
      border-left: none;
    }
    

    【讨论】:

    • 问题在于点击框。点击后,边框出现。我不要他们。我只想要蓝色边框。其他的应该在点击之前或点击时隐藏
    • 我上面分享的css是否也会出现边框?如果是这样,请分享您的代码。如果不能,请使用 CodePen 之类的服务来展示您的代码示例,codepen.io
    猜你喜欢
    • 2014-07-15
    • 2020-12-09
    • 2021-10-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-08
    • 1970-01-01
    • 2023-03-04
    相关资源
    最近更新 更多