所以我有一个文本输入,我使用的是HTML5,在Chrome上,我想改变文本输入的外观,我已经移除了焦点上的轮廓(Chrome上的橙色),我将背景设置为浅色#f1f1f1,但现在在顶部和左侧有一个更厚的边框,就像是为了看起来被推入,当背景 colored颜色 没有变化时,这种情况不会发生.我怎么go 掉它?抱歉,我无法在移动设备上提供图片.

它发生在Chrome上,也就是说,Firefox不能测试任何其他浏览器.

推荐答案

border-style:solid;将覆盖inset样式.这就是你要的.

border:none将全部移除边界.

border-width:1px会把它设置成类似于背景改变之前的样子.

border:1px solid #cccccc更具体,可以应用宽度、样式和 colored颜色 这三个参数.

示例:https://jsbin.com/quleh/2/edit?html,output

Css相关问答推荐

视频嵌入在Bootstrap 5轮播中没有响应扩展

可折叠/可展开的数据表行:如何使Shadcn数据表中的可折叠内容全宽?

我的css是我的react 应用程序没有按预期工作

SVG文本在移动浏览器上增长并溢出

在最小和最大视口之间时具有固定值的 CSS 钳位

如何将动态参数从react tsx文件发送到css

如何让 v-col 变成可滚动的?

如何在Bootstrap 5上使用移动设备居中内容?

如何使用来自单独模块的代码将自定义标头插入到使用 DT Shiny 呈现的表中?

.SVG 文件对象在锚标签下可点击

是否有一个 CSS 可以根据字符的高度 for each 字符呈现可变高度?

努力将 CSS 样式应用于 Elm 应用程序

如何为使用jsTreeR拖入层次 struct node 的元素添加顺序编号?

固定元素在 Chrome 中消失

如何在 html/css 中的图像旁边垂直居中文本?

CSS 表格 td 宽度 - 固定,不灵活

删除行内块元素中大文本上方和下方的空白

如何将文本向左旋转 90 度并根据 html 中的文本调整单元格大小

通过 JavaScript 更改 CSS 伪元素样式

谷歌的无图像按钮