Задать вопрос
Ответы пользователя по тегу HTML
  • Можно ли вывести checkbox в select?

    @alexkom
    Только с CSS или JS.
    Пример:
    <style>
    *{margin:0px;padding:0px;}
    .select{position:relative;width:100px;height:20px;background:#fff;border:1px solid #bbb;z-index:1;}
    .select > span{display:block;width:100px;height:20px;text-align:center;vertical-align:middle;cursor:pointer;}
    .select_{display:none;position:absolute;padding-right:20px;max-height:100px;background:#fff;border:1px solid #bbb;overflow:auto;}
    .select_ > div{white-space:nowrap}
    .select:hover{z-index:100;}
    .select:hover > .select_{display:block;}
    
    </style>
    <div class="select">
    	<span>Выберите...</span>
    	<div class="select_">
    		<div><input type="checkbox"> текс1</div>
    		<div><input type="checkbox"> текс2</div>
    		<div><input type="checkbox"> текс3</div>
    		<div><input type="checkbox"> текс4</div>
    	</div>
    </div>
    Ответ написан