禁止Chromegoogle浏览器激活输入

2019-09-07 郑州网站建设  

Chrome默许会为全数的输入框加之橘黄色的边框,虽然有时候可使咱们的网站看起来更朋侪,但对自界说的格式是有影响的。当鼠标点击输入框时,在谷歌chrome浏览器中,光标移到输入框时激活输出框会被加之橘黄的边框,鼠标光标移开输出框后被加橘黄色边框隐没。这个谷歌浏览器积极为输出框加css花式特别不美观影响效果,这里介绍打算在google阅读器中阻止被激活输入框加橘黄色名目。

比方做了一个圆角框的input输入框,若是不有对边框focus时的属性做任何休息,Chrome将默认加之一个正方形的边框,忽视你将input的border设为none的呼吁。

css禁止google浏览器对输入框加橘黄色选框


div css作废输入框被动加橘黄色边框

为了抗御贫困咱们大要制止chrome为被激活的输入框增长边框,方式以下:

1. 禁止为一切被激活的输出框增多边框(举荐此方式)

*:focus {outline: none} 

2. 阻止为被激活的输出框增进边框,譬喻

.abc:focus{ outline:none } 

注明:".abc"为输入框对象自定义增加的class类命名

3. 也大概自界说输出框被激活时的边框名目

.abc:focus { outline:Blue Solid 4px;} 

注明:".abc"是自定义的css 定名。


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1022.html转载请标明出处,谢谢合作!
标签:
  • 浏览器
  • Chrome
  • 输入
  • 谷歌
  • 禁止
  • 激活