如何去掉select的边框(js删除select框的option)

如何去掉select的边框,js删除select框的option

内容导航：

select下的option的框怎么去掉

怎么去select下option的默认边框

在IE中 select怎么去掉边框和背景 。

怎么去掉select边框和小三角appearance用法

一、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 / -webkit-appearance:none; / Safari 和 Chrome / appearance:none;
outline: none; border: 0;}/ –背景色字体颜色–/option:hover{ color:#ffffff;
background-color:#ffffff; outline: none; border: 0;}

二、怎么去select下option的默认边框

我们先来看下select选框在浏览器中默认的样式。
看下图。
css中如何去掉select边框和小三角css中如何去掉select边框和小三角第一步，我们先来看看怎么去掉select的边框效果。
我们需要给select添加样式：border:0,就把边框去掉了，来看看效果。
如果需要把背景也去掉，需要再添加：background: transparent;背景就会成为透明的。
css中如何去掉select边框和小三角css中如何去掉select边框和小三角第二步，去掉select右侧的三角形。
在第一步中，我们去掉了select边框，但是select右侧的三角形还在。
我们需要添加appearance样式。
这样右侧三角形就去掉了。
注意浏览器的兼容性。
如下图所示：css中如何去掉select边框和小三角css中如何去掉select边框和小三角appearance是css3新增的属性。
大部分主流浏览器都不支持这个属性，在手机浏览器或者做微信端的时候可以用这个属性，如果想要兼容大部分浏览器，还有个小方法：在select外写一个div,固定宽高，设置overflow:hipen。
select的宽要比div的宽大，这样就把select右侧的小三角给隐藏掉了。
感兴趣的朋友可以再去多了解下appearance的用法。
了解它的其他几个属性的具体用法，appearance一共有normal ，icon， window ， button ，menu，
field这几个属性，这里不再详细介绍了。

三、在IE中 select怎么去掉边框和背景 。

答：一、金属字1．建立新文件；2．选取文字工具，在工作区输入“金属字”三个字；3．选取“Mode”菜单下的“LabColor”，按CTRL＋D去掉选框；4．选取“Filter”菜单下的“Blur”，然后选“GaussianBlur”，设定晕开模糊数值为2；5．选取框线工具（MarqueeTool），在工作区空白处画一个小方框线。选取“Select”菜单下的“Similar”（相似），再选取“Select”下的“Inverse”（相反），这样所有文字被选取；6．选取“Filter”菜单下的“Stylize”，接着选取“Emboss”，设定Angle为－60，Height为10，Amount为100；7．选取“Image”菜单下的“Adjust”，接着选取“Curves”，调整曲线的形状；8．选取“Mode”菜单下的“RGBColor”；9．选取“Image”菜单下的“Adjust”，接着选取“Variations”。然后仔细调整，直到满意为止；10．按CTRL＋D，去掉选框，作品即告完成。二、边框字1．建立新文件；2．选取文字工具，在工作区输入“边框字”三个字；3．选取“Select”菜单下的“Defloat”；4．选取“Select”菜单下的“HideEdges”；5．用鼠标点取工具箱底部的前景色图标，选一种颜色作为边框色；6．选取“Edit”菜单下的Stroke，作如下设定：Width为5，Location为“Outside”，Mode为“Normal”；7．按CTRL＋D去掉选框，作品即告完成。三、透空字1．打开一个真彩色图形；2．显示图层面版，建立一个新图层Layer1；3．用框线工具在工作区画一个大矩形框；4．选取“Edit”菜单下的“Fill”，直接按“OK”；5．用文字工具在框中输入“透空字”三个字；6．选取“Select”菜单下的“Defloat”；7．选取“Edit”菜单下的“Clear”，将文字挖空；8．在用Fill命令填充的区域的空白处，用框线工具画一个小方框；9．选取“Select”菜单下的“Similar”；10．选取“Filter”菜单下的“Stylize”，接着选取“Emboss”，设定如下：Angle为－60，Height为10，Amount为100；11．在图层面版中调整Layer1层的透明度；12．用鼠标点取图层面版右上角的小三角，选取“MergeLayers”，将所有图层合并，作品即告完成。四、浮体字1．建立新文件；2．用文字工具，在工作区输入“浮体字”三个字；3．选取“Select”菜单下的“SaveSelection”；4．按CTRL＋D去掉选框；5．选取“Filter”菜单下的“Blur”，接着选取“GaussianBlur”，设定数值为5；6．选取“Select”菜单下的“LoadSelection”，载入第三步保存的图形；7．按CTRL＋C，接着按CTRL＋V；8．选取一种颜色作为前景色；9．选取“Edit”菜单下的“Fill”，将“Use”选为ForegroundColor（前景色），“Mode”为Normal；10．用工具箱中的移动工具，将填充后的图形移动到适当的位置，按CTRL＋D去掉选框，作品即告完成。五、球体字1．建立新文件1；2．选取“Select”菜单下的“All”；3．选取一种颜色为背景色，按小键盘上的Del键，用背景色填充整个工作区；4．用文字工具在工作区输入“球”字；5．如果框线工具目前为矩形状态，按住Alt键，用鼠标点一下框线工具，使之变为椭圆状态；6．按住Shift键，用鼠标画一个圆框，把“球”字整个框起来；7．选取“Filter”菜单下的“Distort”，接着选取“Spherize”，将“Mode”设定为“Normal”。这样“球”字就成了球形字；8．按CTRL＋C；9．建立新文件2；10．按CTRL＋V，将“球”字粘贴到新文件2的工作区；11．用鼠标点一下文件1的工作区，按CTRL＋X，剪去“球”字；12．用与4～7步相同的方法处理“体”字；13．按CTRL＋C；14．转到文件2的工作区，按CTRL＋V，这样球体字“体”如果帮助到您，请记得采纳为满意答案哈，谢谢！祝您生活愉快！参考资料：

四、怎么去掉select边框和小三角appearance用法

给select添加下面css代码:

appearance:none;-moz-appearance:none; / Firefox /-webkit-appearance:none; /
Safari 和 Chrome /

就这样,问题解决了!注:手机QQ浏览器或微信使用第二种方法,其他的可以使用第一种方法.