input-group-addon with bootstrap-select

后端 未结 3 562
忘掉有多难
忘掉有多难 2021-01-03 20:12

I tried to use Label 2 with bootstrap-select, but it looks different to the bootstrap (Label 1) one. How is it possible to get the two la

3条回答
  •  伪装坚强ぢ
    2021-01-03 21:16

    I've modified caeth's solution with additional CSS to ensure the select button is rounded at their respective corners.

    HTML

    Label

    CSS

    .input-group > .input-group-btn:last-child > .selectpicker {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .input-group > .input-group-btn:first-child > .selectpicker {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    

    See it here: http://jsfiddle.net/xr4uofje/130/

提交回复
热议问题