2015-10-04 3 views
-3

Это мой начальник тег в HTML-страницеПочему bootstrap переопределяет внутренний стиль?

<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 сведет встроенный стиль для выбора элемента, В чем причина?

+4

Прежде всего, это не «встроенный стиль» - этот термин означает стили, установленные через 'style' _attribute_ непосредственно на элементе. И ваш стиль здесь, вероятно, перезаписывается, потому что bootstrap использует более конкретный селектор. – CBroe

+1

Вы должны добавить HTML-код элементов стиля Bootstrap! или создать JSFiddle –

+0

@CBroe Это была словесная ошибка, я исправился. –

ответ

0

Правило .form-control в загрузчике более весомое, чем ваш input просто использовать .form-control и добавить новый стиль

0

в загрузчике выберите стиль с другими элементами, такими как ввод, текстовое поле и т.д.

Название .form-control класса более конкретен и имеет приоритет, а затем выбирает элемент, поэтому его лучше использовать класс .form-control для переопределения стиля по умолчанию для начальной загрузки.

Использовать .form-control вместо выбранного элемента. Добавьте этот класс в свой CSS.