html - 去除文本输入的内部阴影

标签 html css input

所以我有一个文本输入,我在 chrome 上使用 html5,我想更改文本输入的外观,我删除了焦点上的轮廓(chrome 上的橙色),我将背景设置为浅色color #f1f1f1 但现在在顶部和左侧有一个较粗的边框,就像它看起来是被插入的一样,当背景颜色没有变化时,这不会发生。我该如何删除它?抱歉,我无法在移动设备上提供图片。

它发生在 chrome,ie 和 Firefox 上,无法测试任何其他的。

最佳答案

border-style:solid; 将覆盖 inset 样式。你问的是什么。

border:none 将一起删除边框。

border-width:1px 会将其设置为有点像背景更改之前的样子。

border:1px solid #cccccc 更具体,应用了宽度、样式和颜色这三者。

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

关于html - 去除文本输入的内部阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12791631/

相关文章:

jquery - IE7,悬停 div 仅对鼠标悬停在边框上有反应

javascript - 使用 Javascript 根据下拉菜单选择填充输入字段

input - 期望重定向标准输入

c++ - 读取文件的输入循环

html - CSS 网格行的增长比预期的要大

css - HTML、CSS : How do I stretch an element up to the edge of the page?

html - 如何在 @page 中垂直居中 div 并打印(DomPDF 和 Laravel)

html - Bootstrap - 填充剩余的垂直空间

html - 需要使用css右对齐div子元素

css - SharePoint 开发人员应如何与图形设计师在他们的元素中合作?