html - 在 Google Chrome 中使黄色自动完成透明

标签 html css webkit

<分区>

这是文本区域

http://i.imgur.com/kdugksf.png

这是被点击的文本区域,里面有文本

http://i.imgur.com/jKo4WrG.png

当 Google chrome 的自动完成劫持文本区域时

http://i.imgur.com/Ex8fYyu.png

我尝试通过输入这段代码来修复它

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
}

但我能做到的最好的就是这样

http://i.imgur.com/XyPNLZz.png

我希望白色框是透明的,或者它可以保持白色但更小,这样它就不会挡住文本框的任何蓝色部分。这可能吗?我试过谷歌搜索,但一无所获。或者,如果你们对如何解决此问题有任何其他想法,那就太好了!

此外,如果有一种方法可以使自动完成框稍微小一点,那也可以,或者有一种方法可以将标签向下移动? =/

我想要自动完成功能。

最佳答案

关于html - 在 Google Chrome 中使黄色自动完成透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28205001/

相关文章:

javascript - 为什么需要先显示图片才能让 jquery 图像放大镜工作?

javascript - 将最后一个子元素移动到第一个位置不起作用 jquery

html - 如何使表格响应

responsive-design - min-height : 100% do when nothing has an explicit height? 是什么意思

jquery - “webkitIndexedDB”已弃用。请使用 'indexedDB' 代替

javascript - 尝试使用电子邮件进行身份验证时,我收到 "Uncaught TypeError: Cannot read property ' 值为 null 的错误。为什么?

php - 网页设计/开发

javascript - 将 Three.js 场景设置为 jQuery 模态窗口

ipad - 在 iOS MobileSafari 中防止默认按下而不是默认拖动?

Safari 中的 CSS 圆 Angular 错误?