我已经看到铬把一个更厚的边界:焦点,但它看起来在我的情况下,我已经使用边界半径也。有办法移除它吗?
当前回答
最简单的方法是使用像这样的东西,但注意它可能不是那么好。
input {
outline: none;
}
我希望这对你有用。
其他回答
border:0;
outline:none;
box-shadow:none;
这应该能奏效。
问题是你已经有了一个大纲。Chrome仍然改变了一些东西,这是一个真正的痛苦。我不知道该改变什么:
.search input {
outline: .5em solid black;
width:41%;
background-color:white;
border:none;
font-size:1.4em;
padding: 0 0.5em 0 0.5em;
border-radius:3px;
margin:0;
height:2em;
}
.search input:focus, .search input:hover {
outline: .5em solid black !important;
box-shadow:none;
border-color:transparent;;
}
.search button {
border:none;
outline: .5em solid black;
color:white;
font-size:1.4em;
padding: 0 0.9em 0 0.9em;
border-radius: 3px;
margin:0;
height:2em;
background: -webkit-gradient(linear, left top, left bottom, from(#4EB4F8), to(#4198DE));
background: -webkit-linear-gradient(#4EB4F8, #4198DE);
background: -moz-linear-gradient(top, #4EB4F8, #4198DE);
background: -ms-linear-gradient(#4EB4F8, #4198DE);
background: -o-linear-gradient(#4EB4F8, #4198DE);
background: linear-gradient(#4EB4F8, #4198DE);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4EB4F8', endColorstr='#4198DE');
zoom: 1;
}
最简单的方法是使用像这样的东西,但注意它可能不是那么好。
input {
outline: none;
}
我希望这对你有用。
你应该可以用
outline: none;
但请记住,这对可用性有潜在的负面影响:很难判断一个元素是否被聚焦,当你使用Tab键遍历表单的所有元素时,这很糟糕——当一个元素被聚焦时,你应该以某种方式反映。
你可以设定一个大纲:没有;和边界到一个不同的颜色的焦点。