单击/聚焦时删除输入元素的边框

我已经为我的输入元素设置了边框和边框半径。当您将注意力集中在输入标签中时，会出现一个几乎没有边框半径的蓝色边框。当你点击输入[type = submit]元素时也会发生同样的情况。我想定义和控制这个属性。单击/聚焦时删除输入元素的边框

我认为这是一个CSS技巧，但我不确定。我是否更改箱阴影属性或边框属性？如何？

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); 
}

我使用一类选择，而不是输入[类型=提交]选择

来源

2016-07-06 One

的可能的复制[如何去除输入文本元素上的边框突出显示]（http://stackoverflow.com/questions/1457849/how-to-remove-the-border-highlight-on-an-input-text-element） – imtheman

CSS的“绝招”你要找的是outline:none

来源

2016-07-06 22:54:43

像魅力一样工作。谢谢。 – One

**不要在没有添加关注焦点的其他指示的情况下执行此操作。这是为了获得可访问性，一般来说，人们需要知道他们输入的是什么输入。 – AJFarkas

如果你看到CSS代码，在输入：焦点上他设置了一个蓝色背景，我认为这是一个很好的指标。 –

单击/聚焦时删除输入元素的边框

回答

相关问题