:after – галочка

dabblet.css

body {
font: 0.8em Arial, Helvetica, sans-serif;
color: #000;
}


.popup {
position: absolute;
z-index: 32700;
padding: 1px;
}

.popup_theme_ffffff {
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0, .15), 0 8px 30px -5px rgba(0,0,0, .5);
-moz-box-shadow: inset 1px 1px 10px #aaa;
box-shadow: inset 0 0 0 1px rgba(0,0,0, .15), 0 8px 30px -5px rgba(0,0,0, .5);
}

.select__popup {
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
}
.select__popup:after {
    content: none;
}
.select__popup .popup__content {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}
.popup__content {
    position: relative;
    z-index: 10;
    margin: 0;
    padding: 4px 8px;
    height: 100%;
}
.select__list {
    position: relative;
    overflow: hidden;
}
.select__item {
    cursor: default;
    white-space: nowrap;
}

.select__popup_theme_normal .select__item_hovered_yes {
background-color: #ffeba0;
}

.select_size_m, .select__popup_size_m .select__item {
line-height: 32px;
font-size: 15px;
}
.select__text {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    padding: 0 2.5em 0 1em;
    vertical-align: top;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* :after – галочка */
 .select__item_selected_yes .select__text:after {
    position: absolute;
    top: .4em;
    right: 1em;
    width: 1.1em;
    height: 1em;
    content:'';
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wMzciIGhlaWdodD0iMTQuOTczIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNi4xODctMTkuODQ1YzQuNDE4IDAgOCAzLjU4MiA4IDggMCA0LjQxOS0zLjU4MiA4LTggOHMtOC0zLjU4MS04LThjMC00LjQxOCAzLjU4Mi04IDgtOHoiLz48cGF0aCBkPSJNNi4xODctMTguODQ1Yy0zLjg2NiAwLTcgMy4xMzQtNyA3czMuMTM0IDcgNyA3IDctMy4xMzQgNy03LTMuMTM0LTctNy03ek0xMC4xNzctOS4yOGwtMS40MjYgMS40MjYtMi41NjQtMi41NjQtMi41NjUgMi41NjQtMS40MjYtMS40MjYgMi41NjQtMi41NjQtMi41NjQtMi41NjQgMS40MjYtMS40MjYgMi41NjQgMi41NjQgMi41NjQtMi41NjQgMS40MjYgMS40MjYtMi41NjQgMi41NjQgMi41NjUgMi41NjR6Ii8+PHBhdGggZD0iTTUuMjg3IDE0Ljk3MmwxMC43NS0xMi44MTYtMi4xNzctMi4xNTYtOC41NzMgMTAuNjYxLTMuMTQ0LTQuMTQ4LTIuMTQzIDIuMTIzIDUuMjg3IDYuMzM2eiIvPjwvc3ZnPg==) 50% 50% no-repeat;
    /*background: url(select__tick.svg) 50% 50% no-repeat;*/
    background-size: 100%;
}

dabblet.html

<div class="popup popup_animate_no popup_direction_down popup_theme_ffffff popup_autoclosable_yes popup_adaptive_yes select__popup select__popup_size_m select__popup_theme_normal i-bem popup_js_inited popup_to_bottom" onclick="return {"popup":{"directions":["bottom-left","top-left"]}}" style="top: 52px; left: 20px;">
    <div class="popup__content" style="height: 192px;">
        <div class="select__list">
            <div class="select__item select__item_selected_yes"><span class="select__text">Отправленные</span>

            </div>
            <div class="select__item"><span class="select__text">Черновики</span>

            </div>
            <div class="select__item"><span class="select__text">Входящие</span>

            </div>
            <div class="select__item"><span class="select__text">Удаленные</span>

            </div>
            <div class="select__item"><span class="select__text">Звенящие</span>

            </div><i class="select__separator"></i>

            <div class="select__item select__item_label_yes"><span class="select__text">Опшен груп</span>

            </div>
            <div class="select__item select__item_inner_yes"><span class="select__text">ТВЦ</span>

            </div>
            <div class="select__item select__item_inner_yes"><span class="select__text">National Geographic</span>

            </div><i class="select__separator"></i>

            <div class="select__item select__item_label_yes"><span class="select__text">Еще группа</span>

            </div>
            <div class="select__item select__item_inner_yes"><span class="select__text">Отравленные</span>

            </div>
            <div class="select__item select__item_inner_yes"><span class="select__text">Взорванные</span>

            </div><i class="select__separator"></i>

            <div class="select__item"><span class="select__text">Непознанные</span>

            </div>
        </div>
    </div>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

dabblet.js

$(function(){
console.log($);
	$('.select__item').hover(
	function(e){ $(this).addClass('select__item_hovered_yes')},
    function(e){ $(this).removeClass('select__item_hovered_yes')}
    );
    });

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}