multiselect.cshtml

@{
    ViewBag.Title = "Multiselect Cross Device ASP.NET MVC Control";
}
 <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="jumbotron">
    <div class="input-control select" style="width:100%;">
        <select multiple style="width:100%;height:177px;display:inline-block; vertical-align:top; overflow:hidden; border:1px solid #ccc;">
            <option style="background-image:url(../Icons/tomato.png);background-repeat:no-repeat;background-position:left;background-size:30px;background-position-x:5px;text-align:center;font-size:17px;height:35px;padding-top:8px;padding-left:30px">TOMATO</option>
            <option style="background-image:url(../Icons/cucumber.png);background-repeat:no-repeat;background-position:left;background-size:30px;background-position-x:5px;text-align:center;font-size:17px;height:35px;padding-top:8px;padding-left:30px">CUCUMBER</option>
            <option style="background-image:url(../Icons/lettuce.png);background-repeat:no-repeat;background-position:left;background-size:30px;background-position-x:5px;text-align:center;font-size:17px;height:35px;padding-top:8px;padding-left:30px">LETTUCE</option>
            <option style="background-image:url(../Icons/carrot.png);background-repeat:no-repeat;background-position:left;background-size:30px;background-position-x:5px;text-align:center;font-size:17px;height:35px;padding-top:8px;padding-left:30px">CARROT</option>
            <option style="background-image:url(../Icons/fresh-onion.png);background-repeat:no-repeat;background-position:left;background-size:30px;background-position-x:5px;text-align:center;font-size:17px;height:35px;padding-top:8px;padding-left:30px">ONION</option>
        </select>
    </div>
</div>