相关疑难解决方法(0)

任何人都可以解释如何删除文本/输入框周围的橙色或蓝色边框(轮廓)？我认为只有在Chrome上才会显示输入框处于活动状态.这是我正在使用的输入CSS:

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}

我无法弄清楚如何在我的选择集中时删除边框或轮廓（不确定是哪一个）。

上传图片供参考。默认情况下，我没有边框。

customStyle = {      
        control: provided => ({
            ...provided,           
            height: 10,
            width: 300,
            padding: 10,
            margin: 0,
            marginLeft: 0,
            border: "0px solid black",
            fontSize: 13,
            backgroundColor: 'white',
            outline: 'none'            
        })
    }  

谢谢

我正在Android中制作自定义应用程序.我在div中显示一个带有img标签的html页面.

<div class="press">
    <img src="but.png" width="150" height="62" border="0"/>
</div>

在我写的javascript中:

$(".press").bind("click",function()    
{
//display something
});

当我点击图像时,点击工作正常,但图像被蓝色覆盖图包围.

图片1

单击图像时的图像2

我不明白如何删除它.我尝试了很多方法,但没有一个答案有效.请帮忙.谢谢

我想在bootstrap 4中删除文本框大纲,但它不起作用.请让我如何删除此行.

CSS

#content #main-content input[type=text]{
   border: 0;
   border: 1px solid #ccc;
   height: 40px;
   padding-left: 10px;
   outline: 0;
 }

HTML

<div class="form-group">
   <label for="title">Title <span>*</span></label>
   <input type="text" class="form-control" id="title" name="title" placeholder="Enter Title">
</div>

我尝试过以下问题中提出的解决方案无济于事:

从Chrome中的css自定义样式按钮中删除蓝色边框

如果单击按钮,如何删除按钮中的蓝色框阴影边框

如何删除文本/输入框周围的边框(轮廓)？(铬)

如何删除输入文本元素上的边框突出显示

删除按钮上的蓝色"选定"轮廓

无论如何,要在快速点击时阻止Chrome中的元素蓝色突出显示？

单击时,bootstrap按钮显示蓝色轮廓

单击表单输入字段时如何摆脱蓝色外边框？

在HTML中,我有以下内容:

<uib-accordion-heading>
    <div id="fart1" ng-if="!contactsAccordionIsOpen" class="noSelect" style="outline: none;">Contacts<span class="glyphicon glyphicon-plus-sign pull-right"></span></div>
    <div id="fart2" ng-if="contactsAccordionIsOpen" class="noSelect" style="outline: none;">Contacts<span class="glyphicon glyphicon-minus-sign pull-right"></span></div>
</uib-accordion-heading>

整个手风琴标题周围没有出现蓝色轮廓,但形状适合文本.我尝试过内联样式,按ID和类选择,但即使!important它没有改变.

在CSS我有:

#fart1:focus {
    border: none !important;
    outline: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#fart2:focus {
    border: none !important;
    outline: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.noSelect {
    border: none …

我的输入和textarea字段在聚焦时会出现一种颜色:

这似乎发生在Chrome中,但不是Firefox.

我试图用一些jQuery改变颜色:

if ($('body').is('#contact')) {
        $('input').focus(function() {
            $(this).css('border', '2px solid #ce1443');
            console.log('focus');
        });

         $('textarea').focus(function() {
            $('textarea').css('border', '2px solid #ce1443');
        });
    }

然而,这似乎只会使当前边界更大......但它没有消除蓝色.

我为输入元素设置了边框和边框半径。当您在输入标签内聚焦时，会出现一个几乎没有边框半径的蓝色边框。当您单击 input[type=submit] 元素时，也会发生同样的情况。我想定义和控制这些属性。

我认为有一个 css 技巧可以解决这个问题，但我不确定。我是更改 box-shadow 属性还是边框属性。如何？

input{
   width:60%;
   font-size:1.05em;
   min-width:250px;
   display:block;
   margin-bottom:3.5%;
   padding:0.8% 1.5%;
   border-radius:5px;
   border:1px solid white;
   transform:rotateX(10deg);
 }
.submit{
   background:rgb(0,150,255);
   border:1px solid rgb(0,150,255);
   transition: transform 1s;
   color:white;
   box-shadow: 2px 2px 1px silver;
 }
 input:focus , .submit:focus{
   background:rgba(0,120,255,1);
   border:none;
   transform: scaleY(1.1);
 } 

我使用的是类选择器而不是 input[type=submit] 选择器

我通过覆盖 jQuery UI 提供的 CSS 类来重新设计 jQuery UI Slider 小部件。当我点击手柄消失时，我似乎无法获得显示在手柄周围的蓝色边框。

它看起来像这样：

关于如何用 css 删除它的任何建议？

我正在尝试修复网站上的可访问性并使用选项卡按钮管理导航，我正在使用 tabindex。我注意到带有 tabindex 的元素在选项卡焦点和单击时都有一个轮廓。我会在单击（或拖动）时删除轮廓并将其保留在选项卡焦点上。

有没有解决方案（也许在CSS中）来解决这个问题？

我的html中有一个文本区域,这有圆角.但是当我在文本区域内单击时,它会在圆角边缘周围显示一个矩形.

下面是我的HTML.

<textarea placeholder="Enter Text Here..." id="usermsg" class="Textareausermsg" onclick="TextAreaToggle()" style="margin: 0px 0px 0px -50px; width: 490px; height: 41px;"></textarea>

这是我的CSS

.Textareausermsg {
    border-radius: 15px;
    font-size: 15px;
    text-align: left;
    line-height: 34px;
}

工作小提琴https://jsfiddle.net/jrss9192/1/

Bootstrap 4.1

如何从焦点上显示的复选框中删除蓝色边框？

我尝试使用轮廓，但是它不起作用。

我使用的代码是：

<div class="custom-control custom-checkbox">
    <input type="checkbox" class="custom-control-input" id="customCheck1">
    <label class="custom-control-label" for="customCheck1">Check this custom checkbox</label>
</div>

实时版本或示例是：https : //jsfiddle.net/hus​​sainabid/mgdjprst/