• Chrome中输入框默认样式移除


    Chrome中输入框默认样式移除

      在chrome浏览器中会默认给页面上的输入框如input、textarea等渲染浏览器自带的边框效果

      IE8中效果如下:

        

      Chrome中效果如下:

     

    这在我们未给输入框设置获取焦点时改变边框颜色时,chrome浏览器解析页面中默认将输入框获取焦点时改变边框效果,这给我们带来了极大的方便。如果我们要自己设置边框色时,chrome浏览器的默认操作就给我们的设置(boder:1px solid color)带来了问题,这是你会发现,你的设置在其他浏览器中时有效的,但在chrome中却是无效的。

    为解决这问题我们只需加上如下css,便可解决问题:

    *:focus { outline: none; }
    

      若想给某个输入框增加样式,也可这样操作:

    #inputBT:focus { outline: 1px solid #ed6f19; }
    

      效果入下:

    这样设置时会发现,在橘色边框旁还有一个细细的边框色,将css样式改为,即可完美解决:

    #inputBT:focus { border: 1px solid #ed6f19; }
  • 相关阅读:
    关于可控进程数的PHP多进程以及信号控制
    编译安装PHP遇到的问题
    MySQL数据的导入导出
    关于svn的dump和load命令
    Nginx多域名的泛解析
    kafka
    JavaScript
    失误与经验
    Hadoop
    Storm
  • 原文地址:https://www.cnblogs.com/ylhssn/p/4353202.html
Copyright © 2020-2023  润新知