css - 如何从聚焦的输入元素中删除蓝色轮廓?

标签 css google-chrome

input {
  height: 60px;
  margin: 30px;
  border-radius: 20px;
}
<input type="text">

我不想在聚焦输入时显示丑陋的蓝色边框(在 Chrome 中),但我不知道如何实现这一点。

最佳答案

将 CSS 更改为

input{
height:60px;
margin:30px;    
border-radius: 20px;
outline:none;
}

更新了 fiddle http://jsfiddle.net/y8jpvh50/

关于css - 如何从聚焦的输入元素中删除蓝色轮廓?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27731180/

相关文章:

javascript - SVG dx+text-anchor middle 在 chrome 和 firefox 中具有不同的行为

javascript - 如何判断 Javascript 在哪里花费了最多时间?

css - MacOS Chrome 水平滚动条不消失

html - CSS Chrome : Cannot hide scrollbar automatically

html - 如何使悬停效果保持不变?

html - 我可以在 CSS 中创建一个底部有弧形的 div 吗?

HTML/CSS 导航栏垂直对齐问题

javascript - Chrome 开发人员工具源未正确显示 javascript 文件

css - 保持元素的边距

html - 将字体导入 css 或 html?