Снимите верхнюю и нижнюю правую форму основания. Загрузите выбор

Я пытаюсь удалить верхний и нижний правый радиус границы из окна выбора ботстрапа, чтобы сделать usaw of .input-group-addon с правой стороны и хорошо отобразиться.Снимите верхнюю и нижнюю правую форму основания. Загрузите выбор

Я попытался это (дерзость):

select 
    -webkit-appearance: none 
    -webkit-border-top-right-radius: 0px 
    -webkit-border-bottom-right-radius: 0px

, который работает хорошо, но, к сожалению, она удаляет хорошие стрелки вниз, а что не очень хорошо.

Делать именно это

select 
    -webkit-border-top-right-radius: 0px 
    -webkit-border-bottom-right-radius: 0px

не имеет никакого эффекта.

Что я могу сделать, чтобы удалить верхнюю и нижнюю правую границу, но сохранить стрелки?

источник

2016-03-03 DonMB

Вы используете дополнение дополнение? Я не верю, что BS3 включает в себя стили для выделенных ящиков. –

Я не вижу проблемы - http://jsbin.com/semoho/edit?html,css,js,output –

@DavidNguyen, конечно же! – DonMB

Вам нужно это сделать? Если я не понял ваш вопрос, Bootstrap позаботится об этом так или иначе: http://www.bootply.com/FGxCsf8gfV

источник

2016-03-03 17:50:42

Да точно. Но и здесь границы на правильном сайте округлены в Chrome. Я ожидал, что бутстрап позаботится, но это не так. – DonMB

@DonMB вы могли бы предоставить скриншот? Правые боковые границы округлены по пролету, но они квадратны в фактическом поле выбора (также просматриваются в Chrome). –

@DonMB это то, что я вижу, когда смотрю на ссылку bootply - https://www.dropbox.com/s/s7neyze471q9g5x/bootstrap-select.PNG?dl=0 –

Снимите верхнюю и нижнюю правую форму основания. Загрузите выбор

ответ

Смежные вопросы