如何使用css使select框的边框以及右边的小三角形去掉?

希望提供代码,要每一个IE浏览器兼容以及火符等等

第1个回答  推荐于2017-10-11
在select外面套一个div ,给这个div设置固定宽度,并且设置overflow:hidden; 然后再给select设置宽度(select的款度要大于外面div的宽度)
.selectbox { width:120px; overflow:hidden; border-right:1px #000 solid;}
select { width:140px;}
<div class="selectbox">
<select><option>ftwgw</option></select>
</div>
第2个回答  推荐于2017-09-26
据我所知,select右边的小三角形是windows自带的样式框,你不可以修改,但框的颜色和背景可以修改,就是直接在代码中用内嵌的style控制border和background,如果你要修改不一样的select下拉框,那就用js写一个把。

PS:这问题停留几周了没人理...本回答被提问者采纳
第3个回答  2015-05-19
  select右边的小三角形是windows自带的样式框,你不可以修改,但框的颜色和背景可以修改,就是直接在代码中用内嵌的style控制border和background。
第4个回答  2012-08-09
你是用css做的select的吗?可不可以给我一个这样的列子,我现在也在做这个、

如何使用css将select的边框以及右边的小三角形去掉
第一种:CSS2 只能使用div和ul进行模拟了,结构很简单,具体可参考Alice的 button-dropdown 第二种:CSS3 可以使用CSS3的属性appearance,具体代码如下:select{ -moz-appearance: none; -webkit-appearance:none; appearance:none; } ...

select标签怎么去掉边框和小三角
现在很多前端都不选择用select了,而是直接用div替代

怎么设置<select>下拉列表的背景和下拉的小三角样式
select { \/*背景:和其他元素一样,都是设置 background 属性*\/ background:#F00 \/*三角1:先将默认的select选择框样式清除*\/ appearance:none; -moz-appearance:none; -webkit-appearance:none; \/*三角2:在选择框的最右侧中间显示小箭头图片*\/ background: url('XXXXXX\/XXXXXX\/...

如何用CSS美化输入框的方法
一般的美化工作可以直接通过使用CSS完成,方法也十分简单,如下:1、首先制作一张输入框的背景图,如上图所示。2、添加按钮的Html代码:<input type=button class=Selectbg3、然后用css代码将它定义:<stylebody{font-size:12px; }.Selectbg{border:none;width:150px; height:20px; background-...

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

怎样用 CSS + JS 美化网页中的 select 下拉框
1;top:50%;right:10px;margin-top:-3.5px;display:block;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#535353 transparent transparent transparent;content:"";}以上就是自定义select样式的方法;同时也可以完全不要select这个元素使用div+css来自定义一个跟...

怎样用cssselect下拉框的美化
用cssselect下拉框的美化 这个可以换种方式实现,首先select的样式每个浏览器都有其默认的样式,需要先去除这些默认样式,其次,select里面的样式诸如箭头,下拉框等等的样式,这里提供一种思路,就是在select的外层添加一个div,对这个div元素设置样式,select元素则是没样式,从而达到一种掩眼法的效果,实现...

js怎么设置select的样式,边框和三角的颜色
select属于浏览器内置组件,标准CSS无法调整其样式。你可以使用div来模拟select。首先创建一个<div \/>来模拟下拉框。<div class="mySelect"><\/div>然后在里面加上显示选中值的<div \/>和模拟三角的<div \/>以及下拉列表<ul \/> <div class="mySelect"> <div class="mySelectValue"><\/div> ...

select下的option的框怎么去掉
select { \/*清除select的边框样式 *\/ border: none; \/*清除select聚焦时候的边框颜色*\/ outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}option::-ms-expand{ display: none;}option{ -moz-appearance:none; \/* Firefox *\/ ...

1.使用select 标签 为什么在IE和火狐浏览器里面 后面的小三角位置不在...
尊敬的用户,您好!很高兴为您答疑。这个应该是您安装了特殊的皮肤导致的问题,因为select之类的控件的样式是基于浏览器的,并不完全受页面样式控制。希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。

相似回答