相关疑难解决方法(0)

我有两种基本形式 - 登录和注册,都在同一页面上.现在,我对登录表单自动填充没有任何问题,但是注册表单自动填充,我不喜欢它.

此外,表单样式获得黄色背景,我无法覆盖,我不想使用内联CSS这样做.我该怎么做才能让它们停止变黄和(可能)自动填充？提前致谢!

我想更改表单的文本和输入字段中的颜色背景,但是当我这样做时它也会影响提交按钮!是否可以通过其他方式完成,不影响按钮？我用过这段代码:

input, textarea {
  background-color : #d1d1d1;
}

任何人都知道如何在自动填充时删除这个丑陋的铬背景？(参见下文.)

到目前为止我试过:

*:focus {
    outline: 0;
}
input:-webkit-autofill {
    -webkit-box-shadow: none;
    -webkit-text-fill-color: #fff !important;
}
button:focus, input:focus, a:focus {
    text-decoration: none !important;
    outline: none !important;
}

可悲的是,它们都不起作用.任何帮助,想法,线索,建议将不胜感激.

我正在设计一个Web应用程序,一般风格涉及深色背景上的白色文本.

此样式包括使用自定义(暗)图像作为用户名和密码字段,并带有白色文本.

如果用户使用谷歌浏览器登录并选择保存表单的登录详细信息,则在下次访问时,用户名和密码字段将显示为带有白色文本的淡黄色,使其几乎无法读取.这看起来很糟糕.

我将如何重写此样式,防止Google Chrome更改已保存的用户名和密码字段的背景.

<style type="text/css">
  input {
    border: none;
    background: url('darkinput.png');
    color: #fff;
  }
</style>

<input type="text" name="email" id="text" /> 
<input type="password" name="password" id="text" />

编辑:当前(google-chrome v11.0.696.57)用户代理样式表包含!重要覆盖以设置以下两项:

input:-webkit-autofill{
  background-color: rgb(250, 255, 189) !important;
  background-image: none !important;
}

在下面的网址上有一个问题报告,我鼓励所有阅读此内容的人投票支持:

http://code.google.com/p/chromium/issues/detail?id=46543

这是textarea

这是单击的textarea,其中包含文本

当Google Chrome的自动完成程序劫持textarea时

我已经尝试通过输入此代码来修复它

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

但我能看到的最好的就是这个

我希望白盒子是透明的,或者它可以保持白色但是要小一些,这样它就不会阻挡文本框的任何蓝色部分.这有可能吗？我试过谷歌搜索,我没有想到什么.或者,如果你们有任何关于如何解决这个问题的其他想法,那就太好了!

此外,如果有一种方法可以使自动完成框稍微小一些,那也可以,或者可能是一种移动标签的方法？= /

我想要自动完成功能.

Chrome浏览器自动填充去除的效果background-color，并background-image从Username与Password输入字段。

自动完成前

自动完成后

但是Chrome 浏览器自动完成功能隐藏了我的输入图标，并且还更改了我的background-color. 所以我需要我的图标保持原样。

是否可以阻止Chrome 浏览器更改字段的背景颜色并隐藏图像？

.form-section .form-control {
	border-radius: 4px;
	background-color: #f7f8fa;
	border: none;
	padding-left: 62px;
	height: 51px;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left 17px center;
}

.form-section .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-section .form-group {
	margin-bottom: 21px;
}

.form-section .form-control[type="email"] {
	background-image: url('https://i.stack.imgur.com/xhx3w.png');
}

.form-section .form-control[type="password"] {
	background-image: url('https://i.stack.imgur.com/910l0.png');
}

.form-btn {
  padding:10px;
    background-color: #65a3fe;
    border: none;
    color: #ffffff; …

当我在电子邮箱中写下电子邮件时,我没有任何问题并且显示完美.但是当谷歌浏览器决定自动填充时,左侧的图像将被删除. http://s9.postimg.org/suz3z56f3/Sem_t_tulo.jpg

我已经阅读了一些关于黑客攻击黄色背景的主题,但是图像仍在消失.

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

// html

<input type='email' class='email' placeholder='email'/>

// css

.email{
    background-image: url('http://www.letsgocook.net/sites/default/img/email.png');
    background-repeat: no-repeat;
    padding-left: 35px;
}

http://jsfiddle.net/9AM6X/ >示例,但没有显示错误,因为我无法在jsfiddle中复制chrome的自动填充.

我最近在Google Chrome浏览器中注意到，对于所有自动填充值的输入元素，它都显示蓝色背景

box-shadow标题上我很简单:

h1 {
    box-shadow: 0 4px 9px -8px #000000;
    color: #D95B43;
    height: 1.2em;
    margin-top: 0;
    font-size: 1.3em;
    padding: 10px;
}

但是盒式阴影在Mobile Safari(iOS 7)上不起作用.在以前的版本中(在纵向视图中,在iOS7中),它工作正常.

这是一个截图:

还有一个小伙子.

我怎么解决这个问题？

当浏览器自动填充我的表单时,我想将背景颜色设置为透明,目前看起来像是添加了图像,有谁知道如何完成此操作？

我试过这个,但它设置为白色,边框是黄色默认的样式,我希望文本的颜色也是白色.

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

这是它的样子:

提前致谢 :)