• 前端H5开发遇到的问题--点击出现黄色边框、内阴影(或其他颜色边框)


    解决方法:

    加上outline: none;

    扩展知识:

    浏览器支持
    所有主流浏览器都支持 outline-style 属性。
    只有在规定了 !DOCTYPE 时,Internet Explorer 才支持 outline-style 属性。
    可能的值 描述 
    none 默认。定义无轮廓。 
    dotted 定义点状的轮廓。 
    dashed 定义虚线轮廓。 
    solid 定义实线轮廓。 
    double 定义双线轮廓。双线的宽度等同于 outline-width 的值。 
    groove 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。 
    ridge 定义 3D 凸槽轮廓。此效果取决于 outline-color 值。 
    inset 定义 3D 凹边轮廓。此效果取决于 outline-color 值。 
    outset 定义 3D 凸边轮廓。此效果取决于 outline-color 值。 
    inherit 规定应该从父元素继承轮廓样式的设置。

    出现内阴影怎么办?

    input{ border:1px solid #666; } 覆盖掉原来的边框

    给input 设置border-radius 
    -webkit-border-radius:.06rem;
    -moz-border-radius:.06rem;
    -ms-border-radius:.06rem;
    -o-border-radius:.06rem;
    border-radius:.06rem;

    链接:CSS outline:none    input

  • 相关阅读:
    go时间和日期转换
    go操作mysql
    Python常见错误处理
    C++ 常见问题
    CF605E Intergalaxy Trips
    均分纸牌详解
    P4447 [AHOI2018初中组]分组
    P4537 [CQOI2007]矩形
    P4823 [TJOI2013]拯救小矮人
    P5132 Cozy Glow之拯救小马国
  • 原文地址:https://www.cnblogs.com/dagongren/p/14119304.html
Copyright © 2020-2023  润新知