<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> .posirelative { position: relative; } .select-out-div { width: 160px; overflow: hidden; } select.m-wrap { background-color: #ffffff; background-image: none !important; filter: none !important; border: 1px solid #e5e5e5; outline: none; height: 25px !important; line-height: 25px; } .select-hide-span { height: 25px; position: absolute; top: 0; border-right: 1px solid #e5e5e5; right: 0; width: 20px !important; z-index: 999; } .select-show-b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; margin-left: -4px; margin-top: 10px; position: absolute; } </style> <body> <span class="setleft wid80"><span class="fyhbx">*</span>入庫類型 :</span> <div class=" posirelative select-out-div"> <select class="m-wrap " style="width: 180px; padding: 2px 0;"> <option value="0">採購</option> <option value="1">返貨</option> <option value="2">移庫入貨</option> </select> <span class="select-hide-span"> <b class="select-show-b" ></b> </span> </div> </body> </html>