dhat
@dhat

Как отредактировать select и input radio в Bootstrap?

К примеру тут, border у .form-control легко перезаписался и поменялся, а вот тот же border у select уже не работает. Почему? Как отредактировать select?

Также как поменять цвет у radio buttons? https://codepen.io/dhatt/pen/pEykya?editors=1100
  • Вопрос задан
  • 633 просмотра
Решения вопроса 1
@devstudent
frontend-developer
потому что в коде поверх selecta наложены элементы button и div и вам над менять их стили, а у радио поверх них лежат дивы с фоном , вот:
.iradio_square-blue {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(blue.png) no-repeat;
    border: none;
    cursor: pointer;

надо посмотреть в бутстрап, возможно достаточно заменить класс на .iradio_square-red и они станут красными, если нельзя так и ли вам не подходит то просто переопределить стили в вашем css-файле , убрать фон или поставить другой
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Rumiour
https://silviomoreto.github.io/bootstrap-select/

Цвет у radio buttons не поменяешь, потому что они заданы картинкой. Можешь сам нарисовать. Или через css задать.
Ответ написан
Комментировать
@mrsanders
Работаю в Nelset interactive
Я бы посоветовал не редактировать стандартные стили bootstrap, а создать новый файл и перезаписывать их в нем. Соответственно его подключить после файлов bootstrap. Удачного дня!
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы