Question

我有一个消息框，它应该显示在一个选择内。它应该表现得好像是select的选项。它也应该有选择

的右箭头

    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>DivSelectWrapper</title>
    <style>
        #messageBox{
            position: absolute;
            white-space: nowrap;
            width: 50px;
        }
        .fancyListBox{
            position:relative;
        }
    </style>
    </head>

<body>
    <div class="fancyListBox">  
        <div id="messageBox">This is my message</div>
        <select id="select">
            <option>DD</option>
            <option>DAD</option>
            <option>DSD</option>
            <option>DWD</option>
            <option>DAD</option>
            <option>DRD</option>
        </select>
    </div>
    <input type="submit" onClick="fChangeData()" text="testDivWrap"/>
</body>

根据上面的div改变选择的宽度

0 个答案: