我看到Chrome在:focus上放了一个更厚的边框,但在我的例子中,它看起来有点不对劲,因为我也使用了边界半径.有什么办法可以go 掉它吗?

image:chrome:focus border

推荐答案

您应该可以使用

outline: none;

但请记住,这可能不利于可用性:很难判断元素是否被聚焦,当您使用Tab键遍历表单的所有元素时,这可能会很糟糕-当元素被聚焦时,您应该以某种方式反映出来.

Css相关问答推荐

当滚动到页脚时,是否可以隐藏固定元素?

R SHINY:FILL CONTAINER=TRUE时调整DT数据表高度,

如何使用TailwindCSS溢出?

将数据从react组件发送到css文件

:not() 适用于特定类中的所有 html 标签

使用 place-content: center 的全宽 CSS 网格项目

在 dbc.Container 上方包含横幅 - Dash

应用填充时边框无法正常工作

如何在 konvajs 中居中放置项目?

为什么 flexbox 中的 在应用居中时不会调整大小?

子组件的css会影响整个页面

如何制作一个居中的标题样式,其中换行符将最长的行排列在底部

基于类的 CSS Select 器

为什么不能将特定于供应商的伪元素/类组合成一个规则集?

中心表单提交按钮 HTML / CSS

iPhone X / 8 / 8 Plus CSS 媒体查询

使用 CSS go 除图像之间的空间

我应该在我的 Bootstrap 项目中使用 normalize.css 吗?

CSS3单向过渡?

将样式应用于第一行的单元格