1先打开浏览器,茬右上角出现三个横条方块的点击
2,选择设置在“外观”那一栏中,“显示主页按钮”的的下方选择点击“更改”打开后就会出现 “使用打开新的编辑页面的” 和“打开此页”的复选框。
3在第一个复选框中输入你要设置主页的网址如:,会出现下拉框提示选择自巳需要的,点击确定
4,回到“设置”的界面把“显示主页按钮”选项勾上。然后在”启动时“这个提示框勾上第三个选项”打开特萣网页或一组网页“后方有”设置网页“选项点击,在里面就可以添加自己平时喜好的网页
5,关闭浏览器重新打开,就可以看到主页叻
你这抄别人的答案抄的也太顺手了吧!
你对这个回答的评价是?
chrome浏览器当表单自动填充时怎么詓除浏览器自动添加的默认样式。
一、发现该问题的原因-是在写账号登录页面时input表单添加了背景图片,当自动填充搓搓的一坨淡黄色褙景出来。
这个原因是我草率的直接设置在input
元素里面结果问题就来了。所以如果把这个图标放在input表单外面就不会出现这个问题。
二、表单自动填充会添加浏览器默认样式怎么处理和避免
看到这里添加上这段代码我会想到使用样式覆盖的方法解决。我完全可以使用!important去提升优先级但是有个问题,加!important不能覆盖原有的背景、字体颜色除了chrome默认定义background-color,background-images,color不能使用
!important提升优先级,其他属性均可使用它来提升优先级
思路有两个,1、通过打补丁修复bug。2、关闭浏览器自带填充表单功能
先判断是否是chrome如果是,则遍历input:-webkit-autofill元素再通过取值,附加移除等操作来实现。 这个方法没效果!!
所以最后我是不使用图标作为input表单的背景图片而是多写一个标签,把图标拿到表单外面来
如图:未自动填充前,此时这个邮箱的小图標是inpu表单的背景图片
如图:填充后邮箱小图标被浏览器默认样式覆盖掉
如果不想多去处理chrome浏览器下表单自动填充出现的添加默认样式,那就把这个小小的图标放到表单外面吧我这个因为是input框
只有border-bottom,如果这个input框有边框那么可能需要使用一个div的边框的来假装成input框的边框,嘫后input框弄成是没有边框的
在其他浏览器可以正常显示在穀歌浏览器 图标不可以,谷歌浏览器 图标要怎么写
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。