Dropdown Example

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<span class="ui-float-label1">
                                                <span class="input-group input-group-sm">
                                                    <select id="float-input" class="form-control form-control-sm m-input--square text-black font-12 m--padding-right-5 m--padding-left-5" tabindex="15">
                                                        <option></option>
                                                        <option>Not Checked</option>
                                                        <option>Completed</option>
                                                        <option>Informational</option>
                                                        <option>Warning</option>
                                                        <option>Rejected</option>
                                                    </select>
                                                    <button class="input-group-append bg-transparent no-padding border-0">
                                                        <span class="input-group-text m--padding-left-2 m--padding-right-3 bg-transparent">
                                                            <i class="la la-close font-12"></i>
                                                        </span>
                                                    </button>
                                                </span>
                                                <label for="float-input" class="font-weight-normal">Scrubbing Status</label>
                                            </span>

CSS

.ui-float-label1 {
    display: block;
    position: relative;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
    height: calc(2.0125rem + 2px);
}
.no-padding {
    padding: 0 !important;
}
.border-0 {
    border: 0 !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.input-group .input-group-append > .input-group-text, .input-group .input-group-prepend > .input-group-text {
    border-color: #ebedf2;
    background-color: #f4f5f8;
    color: #575962;
}
.ui-float-label1 > label {
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: .25em;
    top: -.65rem;
    margin-top: -.5em;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    color: #000;
    line-height: 1;
    font-weight: normal;
    font-size: .75rem;
}
.font-weight-normal {
    font-weight: 400 !important;
}