Я пытаюсь изменить ширину раскрывающегося списка в моем приложении, установив width атрибут тега select. Но ширина, предоставляемая мной, не имеет никакого эффекта, поскольку она предварительно задана в глобальном файле стиля для выбранного тега. Я не хочу менять глобальный файл CSS. Но возможно ли изменить размер моего раскрывающегося списка без изменения глобального CSS?Как переопределить глобальную таблицу стилей Bootstrap?
Вам нужно добавить !important после определения:
.dropDownCustom
{
width: 100px !important;
}
[Не использовать важные] (http://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css), вместо этого напишите более конкретный селектор. – Quentin
Согласитесь с @Quentin, используйте важные мудро и только если нет ДЕЙСТВИТЕЛЬНО нет другого пути –
Но многие классы Bootstrap используют! Важно также, как вы хотите переопределить его с помощью пользовательского селектора? –
Я не согласен с использованием важными следует использовать только тогда, когда это действительно необходимо, потому что в долгосрочных перспективах это вызовет проблемы для людей, которые будут поддерживать код.
1) Создайте отдельный файл css & и разместите там свои правила.
2) Включите его после включения бутстрапа.
3) Убедитесь в том, чтобы быть конкретным относительно пути вашего HTML элемента вам необходимо изменить
Например, если это указано
<!DOCTYPE html>
<html>
<head>
<style>
div#test table#sometable td#sometd{
color: #000;
}
td#sometd{
color: #fff;
}
</style>
</head>
<body>
<div id="test">
<table id="sometable">
<tr>
<td id="sometd">
hello
</td>
</tr>
</table>
</div>
</body>
</html>
«Hello» текст внутри Teh ячейки останется черным хотя у вас есть td#sometd{color:#fff;}
Это происходит потому, что перед правилом CSS является более конкретным, чем второй, поэтому ваше правило наиважнейшая может быть просто:
Вы должны использовать! Важно мудро & в качестве крайней меры, если вы хотите переопределить другие важные правила или встроенные css.
Избегайте использования! Важно, попробуйте переписать специфика.
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
Какой селектор вы используете? Покажите нам код PLZ. –