这篇文章给大家聊聊关于谷歌浏览器input 底色，以及谷歌浏览器调底色对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

本文目录

1. DIV+CSS 在Google浏览器中如何去除点击input控件时的黄色边框
2. input文本框在谷歌浏览器下默认的黄色背景怎么回事
3. 火狐浏览器input被禁用后怎么触发点击事件
4. ie浏览器弹出failedtoreadinput
5. 在火狐浏览器中input file的change事件无法执行应该怎样解决
6. CSS屏蔽Webkit浏览器input高亮和textarea缩放

一、DIV+CSS 在Google浏览器中如何去除点击input控件时的黄色边框

1、这个是谷歌默认给text标签添加的一个属性，就像给默认最小字号限定为12px一样。你只需要在css初始位置将css重定义一下就可以了。代码是outline:none；

2、list-style-type:none;//这个主要针对li标签前面的各种圆点，方块等东西

3、text-decoration:none;//这个主要针对a标签的下划线，如果针对所有标签应用的话也会

4、//清除<s><del>的删除线效果

5、border:none;//这个主要是img标签在ie中的边框问题，如果针对所有标签应用的话也会

6、//清除input默认的边框，也就是会让input显示的不明显

7、fong-family:"宋体";//这个是最新版的火狐浏览器将默认字体改成“微软雅黑”的问题

当然还有其他的，在这就不一一列举了，根据自身的情况将一些标签的默认样式清空就可以了。

8、当然还有其他的，在这就不一一列举了，根据自身的情况将一些标签的默认样式清空就可以了。

二、input文本框在谷歌浏览器下默认的黄色背景怎么回事

透明input，表单自动填充的黄色（常出现在谷歌浏览器）

1.将密码框设置为普通输入框，获得光标后改为密码框，缺点：密码框是正常了，用户名还是黄色的

input type="text" class="form-control input-pwd" required="" placeholder="请输入密码" name="idp_cred" onfocus="this.attr('type','password')"/>

2.关闭自动完成，在用户名框、密码框后面都加上关闭自动完成属性，缺点：部分谷歌浏览器会失效

input type="text" class="form-control" required="" placeholder="请输入" name="idp_cred" autocomplete="off"/>

3.将以上两个方法结合起来，用户名框、密码框关闭自动完成，密码框设置成普通输入框，获得光标后动态改为密码框，缺点：页面不简洁，优点：测试所有浏览器都有效

<input type="text" class="form-control input-user" required="" placeholder="请输入账号" name="idpUser" autocomplete="off"/>

<input type="text" class="form-control input-pwd" required="" placeholder="请输入密码" name="idp_cred" autocomplete="off" onfocus="$(this).attr('type','password')"/>

三、火狐浏览器input被禁用后怎么触发点击事件

1、更新。我设法通过在"提交"按钮上添加一个伪造的div并侦听该div上的事件来解决此问题(我还将z-index更改为-200以启用对按钮本身的点击)：

2、<input id="subm_tc" class="btn btn-primary" type="submit" disabled="" value="Log in" name="Submit">

3、尝试对禁用的元素使用onmousedown事件。

4、浏览器应该以最终用户理解点击毫无意义的方式呈现禁用的按钮。他们通常会做得很好。也许您的警报不是必需的。

5、愚蠢的人可能会一直点击直到一天结束，直到他们意识到自己应该选中"接受条款"框。

6、这个概念对用户不直观...如果禁用，为什么他们会喜欢它？

7、然后不要禁用它，并在他们单击它时使用验证来显示错误

8、它不是复杂的形式，而只是一个登录部分。无论如何，添加一个绝对位置的div似乎是最简单的解决方案-请参阅更新。

9、我的解决方案是将按钮放在div中，这是可单击的。当禁用按钮时，div具有按钮的宽度和高度，因此单击按钮将触发div。启用按钮后，div会缩小为0宽度0 height，因此click事件将向按钮而不是div注册。此代码还包括用于切换按钮的一些演示代码，该切换按钮用于切换相关按钮的启用/禁用状态

10、小提琴：

11、单击"切换"以启用或禁用"按钮"。单击它，可以看到一个事件在启用时触发，而另一个在禁用时触发。

12、<input type=button value='toggle' id='toggle'>

13、<input id=theButton type=button disabled value='Button'>

14、$('#clickable').on('click',function(){

15、 if($('#theButton:disabled').length>0)

16、$('#clicks').append('|Disabled Button Clicked|');

17、//do nothing and let the button handler do it

18、$('#theButton').click();

19、$('#theButton').on('click',function(){

20、$('#clicks').append('|ENABLED button clicked|');

21、$('#toggle').on('click',function(){

22、 if($('#theButton:disabled').length>0)

23、$('#theButton').removeAttr('disabled');

24、$('#clickable').css({'width':'0px','height':'0px'});

25、$('#theButton').attr('disabled','disabled');

26、$('#clickable').css({'width':'55px','height':'25px'});

27、最后，在测试了所有这些选项之后，我得到了更新的解决方案(请参阅我的文章)UPDATE。它与您的非常相似，并且更简单一些，因为我们仅使用z-index来回移动可点击的div。不管怎么说，还是要谢谢你。

28、嗯，是的，无论您的喜好如何，将大小设为0或翻转z-index都差不多。

四、ie浏览器弹出failedtoreadinput

电脑中的IE浏览器弹出错误提示的解决方法

当我们在电脑系统中使用IE浏览器浏览网页时，偶尔会出现是否只查看安全内容的提示，甚至有可能会出现页面显示不全的情况。我们一般遇到这种情况会选择继续查看网页内容，那么，应该如何设置才能去除这个提示，或者显示全部网页内容呢?

1、打开IE浏览器——Internet选项;

2、切换到“安全”选项卡，点击“自定义级别”;

3、在设置选项中找到“显示混合内容”，里面有三个选项“禁用”、“启用”和“提示”，选择“启用”后，可以显示全部网页内容，并取消提示;

4、点击确定后，会弹出警告，点击是即可。

电脑中的IE浏览器通过上述方法的操作步骤，以后就不会提示是否只查看安全内容或者再出现页面显示不全的情况

五、在火狐浏览器中input file的change事件无法执行应该怎样解决

1、据测试，该控件绑定的change事件是可以执行的。但是因为该控件在不同的浏览器下，视觉差异较大，为了保持功能一致性，推荐使用一个特有的事件载体，（如：图片、按钮等），然后将事件绑定在其上面，然后发生操作时，对操作结果的input值域进行比较，来识别事件触发的时机。

2、即通过该方式模拟change事件，可以起到一样的效果和更好的兼容。

六、CSS屏蔽Webkit浏览器input高亮和textarea缩放

核心有着良好的性能，并且在某些细节对用户非常友好，页面输入框（input

标签）聚焦高亮和文本框（textarea

标签）缩放功能就是其中的两个对用户非常友好的设计。可是这两个设计在对用户友好的同时，却会对页面设计产生影响。

浏览器里输入框获取焦点时的情况。

对输入框的高亮已经使页面呈现出的样式和设计样式不同了。如果你的网站已经对输入框获取焦点时定义了特殊的样式，不妨把

这个多此一举的功能屏蔽掉。加上下面的

的文本框缩放功能原本是方便用户进行大量文本输入而设计的，但有时果度的缩放会造成下图的效果，打乱了页面的布局。如果你的网站已经为用户提供了足够大的空间让用户进行输入，那么你可以屏蔽这个功能，用

原理：限制文本框的最大宽度和最大高度，使其和设计的大小一样。

支持良好，因此推荐使用这个方法。

关于谷歌浏览器input 底色的内容到此结束，希望对大家有所帮助。