Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在jQuery中使用tagsinput库时,如何删除输入标记内的边框?_Html_Jquery_Bootstrap Tags Input - Fatal编程技术网

Html 在jQuery中使用tagsinput库时,如何删除输入标记内的边框?

Html 在jQuery中使用tagsinput库时,如何删除输入标记内的边框?,html,jquery,bootstrap-tags-input,Html,Jquery,Bootstrap Tags Input,在jQuery中使用tagsinput库时,如何删除标记内的边框 我的问题如下: 我的推荐人: 我尝试过但没有解决的问题: .bootstrap标记输入:焦点{大纲:无!重要;} input:focus,textarea:focus,select:focus{outline:none;} 代码: 要覆盖所有主要浏览器,请尝试以下操作 .bootstrap-tagsinput { border: 0; border: none; outline:0; outlin

在jQuery中使用
tagsinput
库时,如何删除
标记内的边框

我的问题如下:

我的推荐人:

我尝试过但没有解决的问题:

  • .bootstrap标记输入:焦点{大纲:无!重要;}
  • input:focus,textarea:focus,select:focus{outline:none;}
  • 代码:


    要覆盖所有主要浏览器,请尝试以下操作

    .bootstrap-tagsinput {
        border: 0;
        border: none;
        outline:0;
        outline:none;
        box-shadow: none;
        border-width: 0px;
        appearance: none;
        -webkit-appearance: none;
    
    }
    input:focus {
        outline:none;
    }    
    

    最后,经过反复尝试,我通过应用这种风格找到了答案

    .bootstrap-tagsinput > input:focus{
      outline: none !important;
    }
    

    如果不起作用,你能用Chrome选择输入,右键点击并检查元素吗?它为CSS显示了什么?嗨,我有我自己的解决方案的答案。无论如何,谢谢你的回复。祝你有一个愉快的一天。我很好奇,这是最重要的!重要的,真的有必要吗?输入标记如何成为.bootstrap标记put类的子元素?
    .bootstrap-tagsinput > input:focus{
      outline: none !important;
    }