下拉菜单隐藏箭头

还是写csdn 

主要还是使用css样式来实现隐藏箭头

用

<style type="text/css">

.select{

 position:relative;

overflow:hidden;

text-align:center;

float:left;

background-color: transparent;

 border-width:0px;

}

.select div{

height:30px;

overflow:hidden;

margin:1px auto;

float:left;

background-color: transparent;

 border-width:0px;

}

.select div select{

         background-color:transparent;

height:15px;

margin:-2px 0px 0px -2px;

border-left:0px;

}

</style>

 <div style="float:right; width:50px;"class="select">

       <div>

        <select id="day">

        <option value="one">1天</option>

        <option value="two">2天</option>

        <option value="three">3天</option>

        <option value="four">4天</option>

        <option value="five">5天</option>

        <option value="six">6天</option>

        <option value="seven">7天</option>

       </select>

       </div>

       </div>

另外如果使用href跳转 网页

则css外部文件无法载入

 

解决方法很傻

  把所有的样式直接写在div 里面

我做的是移动终端开发