Question

这是我在html页面中的头标记

<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覆盖select元素的内联样式，是什么原因？

Answer 1

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

Answer 2

在bootstrap中选择样式与其他元素，如input，textarea等。

.form-control类名更具体，优先于select元素，这就是为什么使用.form-control类来覆盖bootstrap默认样式更好的原因。

使用.form-control代替select元素。将此类添加到CSS。

为什么bootstrap覆盖内部样式？

2 个答案: