input使用outline属性去掉淡蓝色边框不生效

正常情况下

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="Kodinger">
    <title>Register For ArithmeticJia</title>
    <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/my-login.css">
    <style type="text/css">
        input {
           outline: none;
        }
    </style>
</head>

使用了bootstrap的情况下

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="Kodinger">
    <title>Register For ArithmeticJia</title>
    <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/my-login.css">
    <style type="text/css">
        input {
           outline: none;
        }
        input.form-control:focus {
            border-color: #f5ab35;    <!-- 加上你喜欢的颜色-->
            outline: none;
            box-shadow:none;
        }
    </style>
</head>
发布了233 篇原创文章 · 获赞 85 · 访问量 153万+

猜你喜欢

转载自blog.csdn.net/ssjdoudou/article/details/104144052
今日推荐