• /*List field select drop-down chosen style */
    .ginput_list .chosen-container-single .chosen-drop {
        margin-top: -1px;
        border-radius: 0 0 4px 4px;
        background-clip: padding-box;
        width: auto;
        white-space: nowrap;
    }
    .ginput_list .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1010;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #AAA;
        border-top: 0;
        background: #FFF;
        box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
        width: auto;
        white-space: nowrap;
    }
    .ginput_list .chosen-container.chosen-with-drop .chosen-drop {
        left: 0;
        width: auto;
        white-space: nowrap;
     }

    This code will beautify the drop-down menu.

    https://www.ads-software.com/plugins/gravity-forms-list-field-select-drop-down/

  • The topic ‘Beautify Chosen Drop-down options’ is closed to new replies.