css下拉框的倒三角(用css做一个倒三角)

css怎么实现小的倒三角

如果想用css 弄出个倒三角的话, 只能使用border了, 可以这样写, 写一个div 宽高都是0px , 把border其他都设置成10px solid transparent;再把border-top:10px solid red; 这样看起来 就能挤成个倒三角 比如::: div style="width:0px;height:0px;border-top:100px solid red;border-left:150px solid transparent;border-bottom:50px solid transparent;border-right:150px solid transparent;"/div

怎样用css改变下拉框那个三角的样式

CSS设置不了select 那个三角形的样式的。、IE浏览器更是连select的边框什么的都不能设置，如果需要外观很好看的下拉框，建议用js+css实现，此时“小三角形就可以用图片代替”， 再对应鼠标的悬停，离开事件即可达到完美好看的效果。

网页里的下拉列表的倒三角怎么去掉啊？

那个基本上是没法修改的，除非你不用。 可以用DIV+CSS来实现，但比那个可麻烦多了。

求采纳

请问html怎么把文本框做成下拉框，或下拉框去掉右边的倒三角

这应该是用 input type="text"/input type="button"/ 和 ul/ul利用js+css组合成的吧

css改变下拉框的下拉小三角样式

select{

width: 90%;

padding: 8px 0;

font-size: 14px;

border: none;

outline: none;

appearance: none;

-webkit-appearance: none;

-moz-appearance: none;

}

div:after{

content: "";

width: 13px;

height: 7px;

background: url(../../../images/about/sanjiaoxing2.png) no-repeat center;

-webkit-background-size: 100% 100%;

background-size: 100% 100%;

position: absolute;

right: 20px;

top: 45%;

//给自定义的图标实现点击下来功能

pointer-events: none;

}