代码之家  ›  专栏  ›  技术社区  ›  intA

聚焦时禁用文本区域中突出显示的下划线

  •  -1
  • intA  · 技术社区  · 6 年前

    enter image description here

    4 回复  |  直到 6 年前
        1
  •  0
  •   Tom Oeste    6 年前

    您可以使用CSS和 :focus 选择器来设置控件具有焦点时的样式。当textarea控件具有焦点时,下面的CSS将在其周围添加一个2像素宽的边框。

    textarea:focus {
        border: 2px solid blue;
    }
    
        2
  •  0
  •   デビット    6 年前

    如下所示,根据需要设置border属性

    textarea {
    border: 1px solid #eee;
    }
    <textarea cols="50"></textarea>
        3
  •  0
  •   mamatha GB    6 年前

        .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after {
       background: none !important;
    }
    //If you send code i can help you.