表单的select里面option里的下三角 如何改变大小 或者使其消失？

Question

<div class="dropdown_sex"> <form action="save.php" method="post" >    <select>      <option value="male">男</option>      <option value="female">女</option>    </select> </form> </div>   <!-- dropdown_sex -->想改变那个下三角的大小。。。求助求助

Answer 1

这个刚做过，给select外面包一个盒子，给固定的宽度，让select的宽度超过外面盒子的宽度，然后让父级盒子overflow:hiden;再给写一个背景图,控制位置就可以了。

不过本人不建议那样写，因为select的很多 样式不兼容IE6，IE7，IE8。所以不建议用select,而是用jquery自己写一个效果，如果需要，可以帮你写一个哦~

Answer 2

那个下三角是自带的，不能单纯的改变三角形的大小，只能通过改变整个select的大小来改变。或者通过定位用一张三角形的图片覆盖在原来三角形的位置。

Answer 3

一个办法就是重构

Answer 4

那你还不如直接用其他标签写，不一定要select标签。