!DOCTYPE html  html  head  title gadf /title  link rel= stylesheet type= text/css href= dist/css/bootstrap.min.css  script src= jquery-3.2.1.min.js type= text/javascript /script  script src= dist/js/bootstrap.min.js type= text/javascript /script  style type= text/css  .zijisanjiclass{  width: 220px; border: 1px solid rgba(0,0,0,.15); background-color: #fff; padding: 10px; top :0px; position: absolute; .datepicker-select-dropdown.datepicker-select-orient-top:before { bottom: -7px; left: 6px; border-bottom: 0; border-top: 7px solid rgba(0,0,0,.15); .datepicker-select-dropdown:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0,0,0,.15); border-bottom-color: rgba(0,0,0,.2); .datepicker-select-dropdown:after, .datepicker-select-dropdown:before { content:  display: inline-block; border-top: 0; position: absolute; .datepicker-select-dropdown.datepicker-select-orient-top:after { bottom: -6px; left: 7px; border-bottom: 0; border-top: 6px solid #fff; .datepicker-select-dropdown:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; .datepicker-select-dropdown.datepicker-select-orient-bottom:after { top: -6px; .datepicker-select-dropdown.datepicker-select-orient-bottom:before { top: -7px; .form .form-bordered .form-group p { border-left: 1px solid #efefef; .form .form-bordered .form-group { margin: 0; border-bottom: 1px solid #efefef; /style  /head  body >
相關推薦：
關于html下拉框中optGroup標簽的一個bug修復
html下拉框問題_html/css_WEB-ITnose
改變HTML下拉框SELECT選項的多種方法_HTML/Xhtml_網頁制作
以上就是html+css+js下拉列表小三角的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。