Why bootstrap override internal style?

Question

This is my Head tag in a html page

<head>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <style>
        input[type=text] {
            font-size: 18px;
            height: auto;
        }
        select {
            font-size: 18px;
            height: auto;
        }
    </style>
</head>

bootstrap override my inline style for select element, What is the reason?

Answer 1

引导程序中的规则.form-control比您的input更重要，只需使用.form-control并添加新样式

Answer 2

in bootstrap select styled with other elements like input,textarea etc.

The .form-control class name more specific and takes precedence then select element that's why its better to use .form-control class to override bootstrap default style.

Use .form-control instead of select element.Add this class to your CSS.

Why bootstrap override internal style?

Question

2 answers

solution1
0 2015-10-04 12:11:58

solution2
0 2015-10-04 12:24:29

Why bootstrap override internal style?

Question

2 answers

solution1 0 2015-10-04 12:11:58

solution2 0 2015-10-04 12:24:29

solution1
0 2015-10-04 12:11:58

solution2
0 2015-10-04 12:24:29